border-width属性：不支持百分比，主要原因是业务场景中不需要，一般无论是在多大的屏幕上，border的宽度都是相对固定的，不会有border等比缩放的场景。
border-width的默认值是medium，约等于3px，并不是1px
border-style属性：border-style的默认值是none，并不是solid，所以我们如果想让边框展示出来，必须有明确的border-style属性设置才可以。
* solid：最常用
* dashed：虚线颜色区的宽高比和透明区的宽度比在不同浏览器下是有差异的
* dotted：虽然规范上是个圆点，但在不同浏览器中是不同的，在IE上是圆点，在firefox是小方点
* double：两条线的边框，这也就是为什么border-width是3px的原因，只有3px的时候才能满足两条线边框。分配原则是：两条线的宽度永远相等，中间间隔等于宽度+1或者-1
border-color属性：border-color的默认值是color的默认值，这一点有个应用，比如上传图片的+号，都用border-color设置颜色，当hover的时候就只需要修改一个color即可，不需要修改其他的地方
border-color的transparent属性有非常强大的功能，可以用该值来画不同形状的三角形，需要理解各个border的实现机制
同样，border-color:transparent也可以用来扩大热区的场景。前面提到padding也可以增加热区，但如果我们使用雪碧图的场景，修改padding可能影响background-position的定位，所以这时候可以用border-color来实现效果