CSS-如何绘制图形

绘制一个三角形

方法一

image

<style>
  .triangle {
    width: 0;
    border-top: 50px solid red; /*上三角形*/
    border-right: 50px solid yellow; /*右三角形*/
    border-bottom: 50px solid palevioletred; /*下三角形*/
    border-left: 50px solid blue; /*左三角形*/
  }
</style>
<body>
  <div class="triangle"></div>
</body>
posted @ 2022-06-15 23:33  秋弦  阅读(26)  评论(0)  编辑  收藏  举报