課程
/前端開發
/HTML/CSS
/十天精通CSS3
不知道怎樣做出導航分割線
2017-04-10
源自:十天精通CSS3 5-5
正在回答
<div class="main nav">
????????????<ul class="nav_ul">
??????????????????<li><a href="#">Menu</a></li>
??????????????????<li><a href="#">Menu Menu</a></li>
??????????????????<li><a href="#">Menu_Menu</a></li>
??????????????????<li><a href="#">Menu4</a></li>
??????????????????<li><a href="#">Menu_Menu_Menu</a></li>
??????????????????<li><a href="#">Menu_end</a></li>
????????????</ul>
??????</div>
.main{width:1200px;margin:0 auto;}
.nav{width:100%;height:36px;}
.nav_ul li{float:left;padding:8px 0; }
.nav_ul li:hover{background-color:red; }
.nav_ul li a{border-right:1px solid #4b575d;padding:0 35px;text-decoration:none;}
.nav_ul li:last-child a{border-right-width:0;}
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答制作導航分割線
1 回答制作導航條分割線
2 回答請問一下刪除導航分割線
2 回答求教十天精通CSS3 5-5練習題 導航分割線做法?
4 回答為什么最后一項導航分割線刪除不了呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-10
<div class="main nav">
????????????<ul class="nav_ul">
??????????????????<li><a href="#">Menu</a></li>
??????????????????<li><a href="#">Menu Menu</a></li>
??????????????????<li><a href="#">Menu_Menu</a></li>
??????????????????<li><a href="#">Menu4</a></li>
??????????????????<li><a href="#">Menu_Menu_Menu</a></li>
??????????????????<li><a href="#">Menu_end</a></li>
????????????</ul>
??????</div>
.main{width:1200px;margin:0 auto;}
.nav{width:100%;height:36px;}
.nav_ul li{float:left;padding:8px 0; }
.nav_ul li:hover{background-color:red; }
.nav_ul li a{border-right:1px solid #4b575d;padding:0 35px;text-decoration:none;}
.nav_ul li:last-child a{border-right-width:0;}