css3入门

CSS3边框-边框颜色(border-color)

字号+ 作者: 来源: 2014-11-16 21:49 我要评论( )

CSS3提供了新的边框 ,其中,有圆形边框,边框的颜色也是非常有趣。 Mozila / Firefox已经支持该特性,你可以创造很酷的边框。请看一个例子: 在Mozilla浏览器/ Firefox中效果为:显示一灰色

CSS3提供了新的边框 ,其中,有圆形边框,边框的颜色也是非常有趣。 Mozila / Firefox已经支持该特性,你可以创造很酷的边框。请看一个例子:
在Mozilla浏览器/ Firefox中效果为:显示一灰色的边框

该效果CSS3代码如下:
border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;
再看一个例子:
在Mozilla浏览器/ Firefox中效果为:显示一褪红色边框
 

 

呵呵,本页两例中的效果匀在在Mozilla/ Firefox浏览器中显示的效果.在IE下可不支持哦!!!

(责任编辑:admin)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
r