浏览器参照基准:Firefox3.6 and Later, 其他浏览器暂不支持, IE系列不做参考
* 如border为(n)px,则最多可以设置n组边框色,每组边框色为1px
#border-colors{
border-width:6px;
border-style:solid;
/* For Firefox3.6+ */
-moz-border-top-colors:#000 #fff #999 #aaa #ccc #eee;
-moz-border-right-colors:#000 #fff #999 #aaa #ccc #eee;
-moz-border-bottom-colors:#000 #fff #999 #aaa #ccc #eee;
-moz-border-left-colors:#000 #fff #999 #aaa #ccc #eee;
}
* 如border为10px,却只设置了6组边框色,那么最后一组边框色将渲染剩余的宽度
#border-colors{
border-width:10px;
border-style:solid;
/* For Firefox3.6+ */
-moz-border-top-colors:#100 #300 #600 #800 #900 #a00;
-moz-border-right-colors:#100 #300 #600 #800 #900 #a00;
-moz-border-bottom-colors:#100 #300 #600 #800 #900 #a00;
-moz-border-left-colors:#100 #300 #600 #800 #900 #a00;
}
© Copyright Doyoe.com