一种css效果：标题带色块

 .title {
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        padding: 5px;

        &::after {
            content: '';
            height: 2px;
            background-color: #fe0000;
            // width: 50px;
            position: absolute;
            bottom: 0;
            left: 0px;
            right: 0px;
        }
    }

 <div className={style.title}>推荐产品</div>

标签：fe0000,色块,weight,0px,color,标题,position,font,css
来源： https://www.cnblogs.com/ww01/p/11720841.html