css border属性

border属性

• border-width: 10px;
  边框粗细程度：值支持像素，数字，关键字thin（1px），medium（默认3px） ,thick(5px)，不支持百分比；
• border-style:solid;
  边框的样式：值有solid(实线)、dashed(虚线)、dotted(点线)、double(双线)、inset(3D凹边)、outset(3D凸边)、ridge(菱形边框)、groove(3D凹槽)
• border-color:#000;
  边框颜色：值支持颜色的名字red、透明transparent、十六进制值#ff0000、rgb值rgb(255,0,0)、inherit继承

上面三个特性可以简写为一句话：

border:10px solid #000;

边框有四个边，可以分别定义不同的属性值：

border-top:10px dotted red;
border-right:10 dashed transparent;//颜色透明
border-bottom:0px solid #ff00;
border-left:2 inset rgb(255,0,0);