CSS之border

border-width

border-width是不支持百分比设置

border-width支持关键字：thin（1px）、medium（默认值，3px）、thick（5px）

border-style

border-style:solid  ;   实线

border-style:dashed;   虚线（全部由小短线构成）

border-style: dotted;  点线（全部由点构成）

border-style: double；双线（双线宽度永远相等，中间间隔±1），兼容性非常好

已经淘汰的几个属性：

border-style:inset;   内凹

border-style:outset;  外凸 

border-style:groove; 沟槽

border-style:ridge; 山脊

border-color

边框颜色border-color和color的效果一样。

border-color: red;

border-color:red green blue transparent;

border-color属性的值要么为1个颜色，表示所有的边框颜色；要么为四个值，分别指定四个边框的颜色。

background-position

该属性默认相对左上角定位；

100%右侧定位是不计算border区域的。因此可以利用border的宽度来实现居右侧的定位

通过设置border的指定边为透明色，boder可以用来构建三角形、梯形等。

 

参考：

https://www.imooc.com/learn/755