css如何实现圆角的几种方法

时间:2021-04-16

  有四种方法可以实现圆角。

  第一、直接写CSS代码:border-radius

  例如:border-radius:4px;或者可以四个不同圆度:border-radius:4px 4px 3px 3px

  顺序是左上角,右上角,右下角,左下角

  第二、四个圆角贴图;制作四个圆角的图片,然后用css定义

  第三、直接制作整个圆角矩形背景

  第四、定义12个背景色:左上角4个,右上角4个,右下角4个,左下角4个。

  <b class="rt"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

  <b class="rb"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>

  <b class="rt"><b class="rb1"></b><b class="rb2"></b><b class="rb3"></b><b class="rb4"></b><b class="rb5"></b></b>

  <b class="rb"><b class="rb5"></b><b class="rb4"></b><b class="rb3"></b><b class="rb2"></b><b class="rb1"></b></b>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章