使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。
ie 9+
谷歌 4.0 -webkit-
火狐 3.0 -moz-
Safari 3.1 -webkit-
Opera 10.5+
CSS3 border-radius
可以指定4周每个需要的圆角, 位置从左到右为(上到下): 左-》右-》右-》左即:
border-top-left-radius 定义了左上角的弧度
border-top-right-radius 定义了右上角的弧度
border-bottom-right-radius 定义了右下角的弧度
border-bottom-left-radius 定义了左下角的弧度
如果4个角都要加圆角我们可以这样写1个而不用写4个:如果不需要圆角的写0就可以了, 用起来很方便
#div_radius{ border-radius: 15px; }