问答详情
源自:4-1 CSS padding与图形绘制

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

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

提问者:燃料 2017-02-26 11:16

个回答

  • 败絮内外
    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;}