課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
大家都被“|” 繞進(jìn)去了，漸變就應(yīng)該設(shè)置為空，然后通過(guò)背景來(lái)弄，看我的例子
2014-07-03
源自：十天精通CSS3 5-5
正在回答
此子必為人才啊
為什么這里 right：0；
且行且戨
怎么看不到他發(fā)的代碼
為啥要用absolute？
漂亮！我原本還想著|，直接設(shè)置這個(gè)寬度為1 長(zhǎng)度 再設(shè)置 漸變?
好厲害！
受教了.
問(wèn)一個(gè)問(wèn)題after的偽類(lèi)標(biāo)簽是訪(fǎng)問(wèn)以后的意思嗎？為什么li在標(biāo)簽還未訪(fǎng)問(wèn)過(guò)就有效果，是不是absolute的作用？？
/*使用偽元素制作導(dǎo)航列表項(xiàng)分隔線(xiàn)*/
.nav li:before{
? ? ? ? ? ? ?content:"";
? ? ? ? ? ? ?position:absolute;
? ? ? ? ? ? ?left:0px;
? ? ? ? ? ? ?top:20px;
? ? ? ? ? ? ?height:15px;
? ? ? ? ? ? ?width:1px;
? ? ? ? ? ? ?background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);
}
? ? ? ?/*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線(xiàn)*/
? ?.nav li:first-child:before{
? ? ? ? ? ? ?height:0px;
? ? ? ? ? ? ?width:0px;
? ? }
/*這樣也可以，靈活多變，，，，哈哈，，以供參考*/
舉報(bào)
本課程為CSS3入門(mén)教程，深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
2 回答關(guān)于<a href="#bg1">
4 回答切割圖片的寬度什么意思
2 回答transiton和Keyframes的區(qū)別
2 回答這就是媒體查詢(xún)吧
1 回答關(guān)于制作導(dǎo)航的一個(gè)鏈接
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-07-18
此子必為人才啊
2015-06-25
為什么這里 right：0；
2015-05-17
怎么看不到他發(fā)的代碼
2015-04-20
為啥要用absolute？
2015-03-27
漂亮！我原本還想著|，直接設(shè)置這個(gè)寬度為1 長(zhǎng)度 再設(shè)置 漸變?
2015-02-21
好厲害！
2015-02-16
受教了.
2015-01-20
問(wèn)一個(gè)問(wèn)題after的偽類(lèi)標(biāo)簽是訪(fǎng)問(wèn)以后的意思嗎？為什么li在標(biāo)簽還未訪(fǎng)問(wèn)過(guò)就有效果，是不是absolute的作用？？
2015-01-19
/*使用偽元素制作導(dǎo)航列表項(xiàng)分隔線(xiàn)*/
.nav li:before{
? ? ? ? ? ? ?content:"";
? ? ? ? ? ? ?position:absolute;
? ? ? ? ? ? ?left:0px;
? ? ? ? ? ? ?top:20px;
? ? ? ? ? ? ?height:15px;
? ? ? ? ? ? ?width:1px;
? ? ? ? ? ? ?background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);
}
? ? ? ?/*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線(xiàn)*/
? ?.nav li:first-child:before{
? ? ? ? ? ? ?content:"";
? ? ? ? ? ? ?height:0px;
? ? ? ? ? ? ?width:0px;
? ? }
/*這樣也可以，靈活多變，，，，哈哈，，以供參考*/