CSS border-radius 圆角效果
时间：2015-06-24 阅读：次 QQ群：182913345
border-radius：用这个属性能实现圆角边框的效果，现在只有Mozilla/Firefox 和 Safari 3支持该属性。
请看下面的示例代码：
请看下面的示例代码：
.round {
border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}
|
-webkit-border-radius：苹果、谷歌，等一些浏览器认，因为他们都用的是webkit内核。
-moz-border-radius：moz这个属性主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
上一篇：JS实现文字向上滚动代码
近期热点
推荐阅读
扫一扫，更多精彩内容推送
