首页 > 其他 > 详细

使用伪类元素画图标

时间:2019-07-29 13:54:35      阅读:151      评论:0      收藏:0      [点我收藏+]
.class:after{
             
          content: ‘‘;
          border-top: 8px solid rgb(233, 221, 221);
          border-left: 18px solid transparent;
          border-right: 18px solid transparent;
             
   
}
        

主要就是设置border的上和左右值,设置为transparent则是让其透明,则画出一个相应图标

 

 .header-bottom-left{
            text-align: center;
            position: relative;
            &:after{
                position: absolute;
                content: ‘‘;
                border-top: 8px solid rgb(233, 221, 221);
                border-left: 18px solid transparent;
                border-right: 18px solid transparent;
                top: 39px;
                left: 70px;
            }
    
        }

技术分享图片

 

使用伪类元素画图标

原文:https://www.cnblogs.com/cazj/p/11263048.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!