这两个案例的图形如果用伪元素该怎么做呢?

来源:4-1 CSS padding与图形绘制

燃料

2017-02-26 11:16

不知这两个图形用伪类是怎么做的,哪位大神有空告知

写回答 关注

2回答

  • 败絮内外
    2017-07-24 18:06:09

     a:before{ content:"";display:inline-block; width:10px; height:2px; padding:2px 0; border-top:2px solid; border-bottom:2px solid; background-clip:content-box; background-color:#000;}

    圆点  a::before{content:"";display:inline-block;width:10px; height:10px; padding:2px; border-radius:50%; border:2px solid #000; background-color:#000; background-clip:content-box;}


  • z_l
    2017-03-03 14:30:05

    三条线     a:before{ content:"";display:inline-block; width:10px; height:2px; padding:2px 0; border-top:2px solid; border-bottom:2px solid; background-clip:content-box; background-color:#000;}

    圆点  a::before{content:"";display:inline-block;width:10px; height:10px; padding:2px; border-radius:50%; border:2px solid #000; background-color:#000; background-clip:content-box;}

CSS深入理解之padding

本css视频教程中,将深入介绍CSS中padding属性的特点,常用特性

52482 学习 · 56 问题

查看课程

相似问题