border
border-width不支持百分比，但支持关键字：thin（等同于1px）、medium（等同于3px，默认）、thick（等同于4px）
border-style：
1.默认值none，所以只设置border-width 或 border-color 没有边框显示，如果想要重置边框样式实现无下边框效果：
div { border: 1px solid; border-bottom: none; }
border-bottom: 0 none; 这样写渲染性能最高
2.solid：实线边框
3.dashed：虚线边框，虚线在浏览器下的表现不一致，Chrome 和 Firefox 浏览器下，颜色区的宽高比是 3:1，颜色区和透明区的宽度比例是 1:1，IE 浏览器则颜色区的宽高比是 2:1，颜色区和透明区的宽度比例也是 2:1
4.dotted：虚点边框，在浏览器上表现也不一致，Chrome 以及Firefox 浏览器下虚点实际上是个小方点，IE 浏览器下则是小圆点
5.double：双线边框，当边框为 3px 的时候，才开始有双线边框的表现
border-color
border-color默认颜色就是color 色值
border-color: transparent可以调整定位、增加点击区域大小