前端開發是創建Web頁面呈現給用戶的過程。通過HTML，CSS等各種技術、前端框架解決方案，來實現互聯網產品的用戶界面交互。而在我們網站項目進行前端開發最少不了的就是導航條及麵包屑式導航，並且都是使用li標籤實現。有的夥伴會問li與li之間如何分隔呢？這時我們可以用CSS偽元素:before來實現。
實現方式
css樣式寫法 li+li:before{content: "|";}即可，則要加空隙寫上padding: 0 20px;。
CSS樣式
.header ul{float: right;line-height: 60px;padding: 0px 30px;}
.header ul li{float: left; font: 16px; list-style: none;}
.header ul li+li:before { padding: 0 20px; color: #ddd;content: "|";}
HTML
瀏覽效果
分享到:
閱讀更多 騰巢網絡 的文章
