CSS3 border-colors:

浏览器参照基准:Firefox3.6 and Later, 其他浏览器暂不支持, IE系列不做参考

多重边框色(常规):border-colors/-moz-border-colors

* 如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;
	}

多重边框色(非常规-边框为10px,却只设置了6组边框颜色):border-colors/-moz-border-colors

* 如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;
	}
CSS探索之旅