css技巧

利用css拼出三角形(角度随意),原理:div的width,height为0,设定border属性。

eg:div{

  width:0;

height:0;

border-bottom:100px solid red;

border-left:50px solid transparent;

border-right:50px solid transparent;

}

结果是一个朝上的三角形。变长,角度,方向都可以调整。有兴趣的同学可以试试

你可能感兴趣的:(css技巧)