css border的深入理解

border不支持百分比布局

border-style:

• dashed虚线

• solid实现

• dotted点

• double双线

利用double实现三道杠

border-color和color

border-color默认颜色是color，类似有box-shadow

使用场景:
鼠标指向元素，元素与border同时变色

border与三角等图形构建

solid边框效果

利用solid效果特性，实现三角形效果只需要将边框其他三边颜色设为transparent(透明)即可

也可使用梯形效果实现模拟圆角