課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
4、刪除第一個(gè)和最后一個(gè)導(dǎo)航分隔線
提示:使用偽元素刪除第一個(gè)和最后一個(gè)分隔線
2016-10-22
源自:十天精通CSS3 5-5
正在回答
其實(shí)沒(méi)有刪除,只是把背景色給取消了,background:none;
還有就是對(duì)第一個(gè)和最后一個(gè)導(dǎo)航分隔線的選中
.nav li:first-child::before,.nav li:last-child::after{
? ? ? ? ? ? background:none;
? ? ? ? }
就這么簡(jiǎn)單,什么分隔線,其實(shí)就是個(gè)width為1的空塊,加上背景色而已,
.nav li {background:linear-gradient(to botton,#dd2926,#a82724#dd2926) no-repeat right | 1px 15px;
.nav li:last-child{background:none}
來(lái)至網(wǎng)友
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
4 回答為什么最后一項(xiàng)導(dǎo)航分割線刪除不了呢
1 回答制作導(dǎo)航分割線
1 回答制作導(dǎo)航條分割線
1 回答不知道怎樣做出導(dǎo)航分割線
1 回答關(guān)于增加導(dǎo)航分割線的代碼請(qǐng)?jiān)敿?xì)說(shuō)明一下,謝謝
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-28
其實(shí)沒(méi)有刪除,只是把背景色給取消了,background:none;
還有就是對(duì)第一個(gè)和最后一個(gè)導(dǎo)航分隔線的選中
.nav li:first-child::before,.nav li:last-child::after{
? ? ? ? ? ? background:none;
? ? ? ? }
就這么簡(jiǎn)單,什么分隔線,其實(shí)就是個(gè)width為1的空塊,加上背景色而已,
2016-10-22
.nav li {background:linear-gradient(to botton,#dd2926,#a82724#dd2926) no-repeat right | 1px 15px;
.nav li:last-child{background:none}
來(lái)至網(wǎng)友