css三角

<div class="content-trigon-zhijiao" style="border-width: 0.4rem;">
                                <span class="xian-zi-active">活动<i></i></span>
                            </div>

 .content-trigon-zhijiao{
            width: 0px !important;
            height: 0px!important;
            border-color: rgba(255,0,0,0.5) transparent transparent rgba(255,0,0,0.5);
            border-width: 0.3rem;
            border-style: solid;
            position: absolute;
            top: -0.05rem;
            left: -0.09rem;
        }
        .xian-zi{
            font-size: 0.2rem !important;
            position: absolute;
            bottom: 0;
            right: 0;
            color: #fff !important;
            transform: rotate(-30deg);
        }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容