利用css编辑三角形

实心三角设置:

{

  hieght:0;

  width:0;

  border-top:5px solid transparent;

  border-right:5px solid black;

  border-left:5px solid transparent;

}    //没有哪个方向的设置三角形就指向哪个方向

空心三角设置:

{

  hieght:5px;

  width:5px;

  border-top:1px solid black;

  border-right:1px solid black;

    transform:rotate(45deg)

}    //描绘正方形框的两边,按需求旋转45°

猜你喜欢

转载自www.cnblogs.com/u-1596086/p/10449215.html