纯css绘制一个三角形

最新推荐文章于 2024-07-29 09:40:43 发布

Muzilh

最新推荐文章于 2024-07-29 09:40:43 发布

阅读量4.6k

点赞数 5

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/weixin_41910848/article/details/81605488

版权

css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

这是一个边框为 100px 的 div

           <div class="sss">
           </div>

        .sss{
            width: 100px;
            height: 100px;
            border-width: 50px;
            border-style: solid;
            border-color: red blueviolet burlywood darkgoldenrod
        }

现在我把它的宽和高都设为 0

        .sss{
            width: 0px;
            height: 0px;
            border-width: 50px;
            border-style: solid;
            border-color: red blueviolet burlywood darkgoldenrod
        }

再把它的左右和下边框的颜色都设成透明或和背景颜色相同的颜色

        .sss{
            width: 0px;
            height: 0px;
            border-width: 50px;
            border-style: solid;
            border-color: red transparent transparent transparent
        }