課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
大家都被“|” 繞進去了,漸變就應該設置為空,然后通過背景來弄,看我的例子
2014-07-03
源自:十天精通CSS3 5-5
正在回答
聰明還是你聰明
很不錯!
我想問下為什么這個“|”未設置position:absolute時,頁面時看不到“|”?
/*使用偽元素制作導航列表項分隔線*/ .nav?li:after{ ?????????????content:""; ?????????????position:absolute; ?????????????right:0px; ?????????????top:20px; ?????????????height:15px; ?????????????width:1px; ?????????????background:linear-gradient(to?bottom,#f82f87,#B0363F,#f82f87); } ???????/*刪除第一項和最后一項導航分隔線*/ .nav?li:last-child:after{ ?????????????height:0px; ?????????????width:0px; ???? ?}
想問一下position的這個right和top是相對于哪個元素定位的?相對于父元素ul嗎?
我將這里的right改為left,然后再刪除導航里寫.nav li:first-child:before 為什么不對呢?
打擾了。?
代碼好像有點問題,如果我再多些幾個<a>標簽,背景漸變就會有問題
為什么這里position不能用relative,我試了用relative,漸變色沒效果。。
原寫法,第一條分割線寬度是不是變成2px了!
為什么要用漸變呢?想不清楚啊?
<?php? ????echo? ?>
gfvg
.nav?li:not(:first-child):before{ ????content:?""; ????position:?absolute; ????top:20px; ????left:?0; ????width:?1px; ????height:?10px; ????background-image:?linear-gradient(to?top,?#818181,?#525252,#818181); }
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
3 回答::after的問題
4 回答我的代碼哪了錯了呢?
1 回答這個好難啊。抄代碼都出了bug,如圖~~~求助~~~~~
1 回答為什么只設置高和寬出來是個圓形!
5 回答全部復制粘貼過來就能用了,拿走時扣1
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-07-14
聰明還是你聰明
2017-04-12
很不錯!
2017-03-18
我想問下為什么這個“|”未設置position:absolute時,頁面時看不到“|”?
2017-02-17
想問一下position的這個right和top是相對于哪個元素定位的?相對于父元素ul嗎?
我將這里的right改為left,然后再刪除導航里寫.nav li:first-child:before 為什么不對呢?
打擾了。?
2016-12-02
代碼好像有點問題,如果我再多些幾個<a>標簽,背景漸變就會有問題
2016-08-05
2016-07-18
原寫法,第一條分割線寬度是不是變成2px了!
2016-07-13
為什么要用漸變呢?想不清楚啊?
2016-03-17
gfvg
2016-02-22