×

用CSS3实现多重边框色

作者:jiang2017.09.29来源:Web前端之家浏览:13788评论:0
关键词:css3border

用CSS3实现多重边框色。

* 如border为(n)px,则最多可以设置n组边框色,每组边框色为1px。

#border-colors{
		border-width:6px;
		

多重边框色(非常规-边框为10px,却只设置了6组边框颜色):border-colors/-moz-border-colors。
* 如border为10px,却只设置了6组边框色,那么最后一组边框色将渲染剩余的宽度

#border-colors{
		border-width:10px;
		border-style:solid;
		-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;
}

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/article1SDFSDFSDF.html

网友评论文明上网理性发言 已有0人参与

发表评论: