长春网

标题: 有四种方法可以实现圆角。 css定义圆角的几种方式 [打印本页]

---

作者: xgnic    时间: 2015-12-19 16:20:42     标题: 有四种方法可以实现圆角。 css定义圆角的几种方式




有四种方法可以实现圆角。 css定义圆角的几种方式

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

第一、直接写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>




长春网站建设  时时商务网提供  www.4435.cn






附件: 未命名-1.jpg (2016-1-29 20:07:33, 181.21 KB) / 下载次数 76
http://04316.com/forum.php?mod=attachment&aid=MTMzN3wwMWUwNWE4OXwxNzM0ODM0MDc1fDB8MA%3D%3D

---

欢迎光临 长春网 (http://04316.com/)

Powered by Discuz! X2