CSS實現分割線是網頁設計中非常基本的技巧,它可以幫助我們在界面上區分不同區域,使網頁更加得美觀和易讀。以下是幾種常用的CSS分割線技巧:
/*方法一:使用border屬性*/ .line{ border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; } /*方法二:使用background屬性*/ .line{ background:url(line.png) repeat-x top center; height:1px; } /*方法三:使用偽元素*/ .line:before{ content:""; display:block; width:100%; height:1px; background-color:#dcdcdc; }
以上三種方法各有優缺點,在具體實現時可以根據需求選擇不同的方法進行使用。
上一篇css實心圓點 偽類