如何用css绘制三角形

css部分:
<style>
    div{         
    width:0px;
    height:0px;
    border:30px solid;
    border-color:上 右 下 左; 
  }
</style>


html部分:
<div>

</div>

三角形最关键的步骤就是要把宽和高为0;

boder的大小影响三角形的大小

要绘制三角形只要把不需要的方向用transparent( 透明 )

猜你喜欢

转载自blog.csdn.net/weixin_42553164/article/details/81392882