简单实现三角形

最新推荐文章于 2025-05-08 13:35:18 发布

小鑫-star

最新推荐文章于 2025-05-08 13:35:18 发布

阅读量444

点赞数

分类专栏： Css 文章标签： css html javascript

本文链接：https://blog.youkuaiyun.com/qq_43390721/article/details/122358448

版权

Css 专栏收录该内容

3 篇文章

订阅专栏

.triangle {
            --triangle-size: 3rem;
            --color-pink: pink;
            border-color: transparent transparent var(--color-pink) transparent;
            border-style: solid;
            border-width: 0 var(--triangle-size) calc(var(--triangle-size) * 2) 
            var(--triangle-size);
            bottom: 2rem;
            height: 0;
            right: 9rem;
            transform: rotate(-90deg);
            width: 0;
 }



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