                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

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

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

燃料

2017-02-26

源自：CSS深入理解之padding 4-1

关注问题我要回答

1512

操作

收起

2 回答

败絮内外
2017-07-24

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;}

0 回复有任何疑惑可以回复我~

收起回答

z_l
2017-03-03

三条线 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;}