border属性在css1中就已经定义了，使用它可以设置元素的边框风格，边框颜色以及边框粗细。
border-width :设置元素边框的粗细。
border-color :设置元素边框的颜色。
border-style :设置元素边框的类型。
在实际运用中可以将上面3个属性合并起来，简写为：
border:border-width border-color border-style;
还可以为不同的边设置不同的样式，其规则遵循上右下左循序。
因为border-width与border-color有默认的样式，可以省略，但是border-style一定要写，否则不会显示边框样式,常用的有实线“solid”，虚线“dashed”，点状线“dotted”等。
border-color
border-color属性在css3增强了，它可以为元素边框设置更多的颜色。
border-color:[ | transparent{1,4} | inherit border-color的语法看上去和css1中的完全相同，如果使用border-color这种缩写语法，将不会有任何效果，必须将这个border-color标准写法拆成四个边框，使用多种颜色才行。
border-top-colors:[ | transparent{1,4} | inheritborder-left-colors:[ | transparent{1,4} | inheritborder-bottom-colors:[ | transparent{1,4} | inheritborder-left-colors:[ | transparent{1,4} | inherit 注意：color是负数colors。
div{ width:100px; height:100px; border:10px solid; -moz-border-top-colors:red yellow blue green red yellow blue green red yellow; -moz-border-right-colors:red yellow blue green red yellow blue green red yellow; -moz-border-bottom-colors:red yellow blue green red yellow blue green red yellow; -moz-border-left-colors:red yellow blue green red yellow blue green red yellow; }
查看更多关于css3边框记_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108636