张鑫旭-BORDER理解

border宽度不支持百分比

border style 类型

• 实线
• 虚线
  IE 是2：1的实虚比 CHROME 3：1
• 点线

• 双线

  
  image.png

border-color 默认与 color颜色

image.png

solid 构建图形 各种三角和梯形

image.png
image.png

场景：一些很简单 的额三角

透明边框

实线背景定位，三角图形，以及
增加响应区域的大小，视觉区域16*16 用户不一定点的到，你只写那么大
加2px 透明边框，然后 原来的边框用阴影来做

image.png
image.png

布局中的使用

标题栏 效果

bOrder等高布局

image.png

不支持百分比宽度 有屁用