美文网首页
css样式--设置左侧图标,例如:三角形、圆形

css样式--设置左侧图标,例如:三角形、圆形

作者: 柒个M | 来源:发表于2020-08-31 13:23 被阅读0次

    图例:

    image

    上代码:

    .content_title{
            font-size:14px;
            position: relative;
            margin-left:20px;
            &:before{
                content: "";
                width:10px;
                height:10px;
                border:1px solid #21C3B4;
                border-radius: 50%;
                position: absolute;
                left:-14px;
                top:3px;
                
            }
        }
    

    图例2:

    image
    
    .content_title2{
            font-size:14px;
            position: relative;
            margin-left:24px;
            &:before{
                content: "\25BA";
                color:#00BBA9;
           
                position: absolute;
                left:-17px;
                top:0px;
                
            }
        }
     
    

    相关文章

      网友评论

          本文标题:css样式--设置左侧图标,例如:三角形、圆形

          本文链接:https://www.haomeiwen.com/subject/kvuusktx.html