課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
制作導(dǎo)航分割線為什么要用到漸變？
2015-10-06
源自：十天精通CSS3 5-5
正在回答
它這個是用了2次漸變實現(xiàn)了導(dǎo)航分割線，你看li::before 和li::after, 通過在li標(biāo)簽的前后加兩個1PX寬的塊狀區(qū)域，通過變化2次，塊區(qū)域的漸變，從而實現(xiàn)分割線的效果，當(dāng)然如果不用漸變也可以實現(xiàn)分割線。
無眠者
qq_子都_0 回復(fù) 無眠者
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
1 回答制作導(dǎo)航條分割線
1 回答制作導(dǎo)航分隔線
2 回答請問一下刪除導(dǎo)航分割線
1 回答不知道怎樣做出導(dǎo)航分割線
2 回答使用偽元素制作導(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)微信公眾號
2015-12-17
它這個是用了2次漸變實現(xiàn)了導(dǎo)航分割線，你看li::before 和li::after, 通過在li標(biāo)簽的前后加兩個1PX寬的塊狀區(qū)域，通過變化2次，塊區(qū)域的漸變，從而實現(xiàn)分割線的效果，當(dāng)然如果不用漸變也可以實現(xiàn)分割線。