面试常考题:手写三角形

实心三角设置:

{

  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°

 

posted @ 2019-02-28 11:23  firebang  阅读(273)  评论(0编辑  收藏  举报