css如何画三角形

1.首先页面中写一个div盒子

2.盒子宽高设置 0px，边框 border:50px solid; 边框颜色 border-color: transparent transparent red;

<style>
      .box {
        width: 0px;
        height: 0px;
        border: 50px solid;
        border-color: transparent transparent pink;
      }
    </style>
  </head>
  <body>
    <div class="box"></div>
    <script></script>
  </body>
 

 

 

 

posted @ 2022-08-04 21:07  简法  阅读(56)  评论(0)    收藏  举报