4.4 功勋卓越的 border 属性
4.4.1 为什么 border-width 不支持百分比值，所谓“边框”，是不会因为设备大就按比例变大的。我们平常使用 border-width 几乎全是固定的数值。
4.4.2 了解各种 border-style 类型。
1. border-style 的默认值是 none；
2．border-style:solid，实线边框；
3．border-style:dashed，虚线边框；
4．border-style:dotted，虚点边框在表现上同样有兼容性差异；
5．border-style:double，双线边框；
6．其他 border-style 类型，inset（内凹）、outset（外凸）、groove（沟槽）、ridge（山脊）风格老土过时，且兼容性惨不忍睹。
4.4.3 border-color 和 color：当没有指定 border-color 颜色值的时候，会使用当前元素的color 计算值作为边框色。具有类似特性的 CSS 属性还有 outline、box-shadow 和 text-shadow 等。
4.4.4 border 与透明边框技巧。
1．右下方 background 定位的技巧，用透明border填充背景图区域；
2．优雅地增加点击区域大小；
3．三角等图形绘制。
4.4.5 border 与图形构建，border 属性可以轻松实现兼容性非常好的三角图形效果