CSS 之 border

【1】 border-width  、 outline  、 box-shadow  、text-shadow 。。。。不支持百分比

【2】 border-style 类型

solid —— 实线

dashed —— 虚线 ： IE 下的宽高是2:1 ，而火狐和谷歌下的宽高比是3：1

dotted ——点线   ： IE 下的点是小圆 ，谷歌和火狐下的点是小方

double —— 双线 

inset —— 内凹，outset ——外凹，ridge —— 山脊 ：兼容性比较差，现在很少人使用

【3】border-color 与 color

border-color 的默认颜色就是color ，类似的还有 box-shadow 、text-shadow 、outline的默认颜色是color

【4】border 与 background

background-position 默认相对于左上方定位的；

要使相对于右下方定位的方式可以使用border ： 

【5】 border 与三角等图形的构建

【6】 border ： 0  与 border  ：none ;

 border：0  ,  元素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。
 border ：none，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。