三角形

最新推荐文章于 2021-11-04 20:13:14 发布

weixin_34357436

最新推荐文章于 2021-11-04 20:13:14 发布

阅读量175

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zzzzzzzsy/p/10450524.html

本文介绍了一种使用CSS创建红色等腰三角形的方法，通过设置宽度为0，并利用边框属性来实现。此技巧适用于前端开发中需要简洁图形元素的场景。

<style>
      .triangle {
           width:0;
           height:0;
           border-top:30px solid red;
           border-left: 30px solid transparent;
           border-right:30px solid transparent;
           border-bottom:30px solid transparent;

      }
</style>
<div class="triangle"></div>