CSS画三角形 

采用的是相邻边框连接处的均分原理。将元素的宽高设为0，只设置border，把任意三条边隐藏掉（颜色设为transparent），剩下的就是一个三角形。
  <style>
    div{
      width: 0;
      height: 0;
      border: 20px solid transparent;
      border-left-color: red;
    }
  </style>


<body>

  <div></div>

</body>



 


 






            

            
posted @ 
2020-05-29 10:10 
桃白白の 
阅读(113) 
评论(0) 
编辑 
收藏 
举报