CSS3圆角边框制作代码
经常看到别人的网站有一个框架修改文本区域,类似的圆角矩形文本结束了特殊的感觉,然后试着用相框的修改,但是图片太多会减慢网页的加载速度,你可以使用CSS3实现圆角边框的效果当然,边框半径将在Firefox、Safari和Chrome中实现。
W3C制定的早期实施CSS角CSS3属性:边界半径,Firefox和Safari也实现了这个功能,通过私人性质:
复制代码代码如下所示:
Firefox和Safari实现角落
Firefox和Safari使用私有属性来实现圆角效果。
这表示边框底部图片的颜色。
边境:1px solid # 000;的边界宽度的固体,颜色是黑的;
边框左上半径:55px 25px;表明边界效应和圆角的左上角。它可以识别英文:前、左、后的圆角的长度是通过控制像素值来实现的,55px代表的横向长度,至25像素之间的垂直长度。
以同样的方式,边界右半径:55px 25px;右下角的角效应是只要顶改底好。
使用CSS3实现边界圆角的影响
在莫桑比克边界半径是Firefox的私有财产和WebKit的圆形,边界半径是WebKit浏览器内核(如Safari和Chrome)私有财产的圆形,如果你想要一个特定的角是圆的,他们都是四个属性定义:
复制代码代码如下所示:
-moz边界半径上 / - WebKit边框左上半径
-moz边界半径右上/右- WebKit的边界半径
-moz边界半径bottomleft / - WebKit边框左下半径
-moz边界半径下/右下- WebKit的边界半径