border细节

border:0px; //虽然在页面上看不见，但浏览器会对width/color进行渲染，即会占有内存空间。

border：none; //即把边框设为没有。浏览器解析时将不作出渲染动作，不会消耗内存值。

多色边框：CSS3中的border-color可以设置多色边框。border宽度为10px，就可以设置10种颜色，

CSS3的border-color目前只有Mozilla的Firefox3.0+浏览器支持，所以我们有必要在前面加上其前缀“-moz-”。现在我们来看看其语法的书写规则：

  -moz-border-top-colors: <color> <color> <color>*; /*顶边边框*/
  -moz-border-right-colors:<color> <color> <color>*; /*右边边框*/
  -moz-border-bottom-colors: <color> <color> <color>*; /*底边边框*/
  -moz-border-left-colors: <color> <color> <color>*; /*左边边框*/ 

　　colors是个复数，而在CSS2中都是border-top-color。

不能缩写！！！

  -moz-border-colors: <color> <color> <color> <color>*;/*不可以！*/

例子：

  .div {
   width: 200px;
   height: 100px;
   border: 5px solid transparent;
   -moz-border-top-colors: red blue white white black;
   -moz-border-right-colors: red blue white white black;
   -moz-border-bottom-colors: red blue white white black;
   -moz-border-left-colors: red blue white white black;       
 }

从外到里一个颜色1px，如果颜色不够边框的宽度，最后一个颜色将充满剩下的宽度。

outline属性在border的外边，但不占空间。视觉上也可以实现多种颜色的边框。