                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

這兩個案例的圖形如果用偽元素該怎么做呢？

不知這兩個圖形用偽類是怎么做的，哪位大神有空告知

燃料

2017-02-26

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

關注問題我要回答

1551

操作

收起

2 回答

敗絮內(nèi)外
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;}