CSS的边框属性

border 其实也是一个综合的CSS属性，倘若拆分开也是相仿繁琐，总之boder后面可以跟三个属性，结构为：

border: border-width border-color border-style;

值得注意的是，这三个属性的顺序没有要求：

<div style="border: 2px red solid;">border: border-width border-color border-style;</div>

边框风格属性(border-style) 常用的就是 solid（实线）， none (没有边框)，dotted (点线式边框)，dashed (破折线式边框) 。边框宽度属性(border-width)一般用像素表示，如1px、2px。

因为层有四个边，所有就有了 border-left，border-right，border-top and border-bottom，这每一个都相当于一个单独的 border，只是只对层的一个方向的边框有效，而 border 是对整个边框有效。

<div style="border-top: 2px red solid;border-right: 2px yellow solid;border-bottom: 2px red dotted;border-left: 2px red dashed;"></div>