課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
不知道怎樣做出導(dǎo)航分割線
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知識讓網(wǎng)頁穿上絢麗裝備
1 回答制作導(dǎo)航分割線
1 回答制作導(dǎo)航條分割線
2 回答請問一下刪除導(dǎo)航分割線
2 回答求教十天精通CSS3 5-5練習(xí)題 導(dǎo)航分割線做法?
4 回答為什么最后一項導(dǎo)航分割線刪除不了呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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;}