利用border属性绘制三角形和箭头
2019-06-02 本文已影响0人
小唱同学
利用border和属性transparent（透明属性）制作三角形，width&height为0 设置边框宽度
根据width属性绘制不同大小长度三角形，甚至可以做出来各种形状。
生成一个块
效果
设置transparent属性获得三角形
顺序为上、右、下、左
根据方向不同可获取对应三角形
设置不同方向border的width属性可以获得不同形状的三角形
比如
绘制箭头
使用一个父级包裹三角和遮罩层
以父元素为mask绝对的定位祖先元素，定位到和box相同的位置，覆盖box， 根据大小调整left的偏移，
css
left -1
left-5
