亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

哪里設置分割線了,我估計是這里content:"";,求解

.nav li:after{

? ? ? ? ? ? content:"";

? ? ? ? ? ? position:absolute;

? ? ? ? ? ? right:0;

? ? ? ? ? ? top:20px;

? ? ? ? ? ? height:15px;

? ? ? ? ? ? width:1px;

? ? ? ? ? ? background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);

? ? }


正在回答

1 回答

content 里只是加入一個空元素。 這里的所謂分割線其實是在設置具有 寬,高的偽元素里面填充 線性漸變 來實現的,

0 回復 有任何疑惑可以回復我~
#1

天正建筑007

content后面加雙引號代表加入了一個空元素嗎?為什么不可以省略?直接寫寬高不行嗎?
2016-03-08 回復 有任何疑惑可以回復我~
#2

hey自然 回復 天正建筑007

這樣說吧,你使用:after偽元素得配合使用content這個屬性。你想,我們得總得插入點什么東西,即使是一個空的內容,然后我們再去設置它的寬高。我這里再稍微拓展一下,其實content插入的內容默認是行內元素的,這里我們之所有能夠設置高度,是因為我們使用了絕對定位,即 position:absolute;使用絕對定位后,元素自動轉化為塊級元素,所以在這里就可以設置高度了。你想啊,我們IE8+是怎樣清除浮動的?
2016-03-08 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
十天精通CSS3
  • 參與學習       243057    人
  • 解答問題       2677    個

本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備

進入課程

哪里設置分割線了,我估計是這里content:"";,求解

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號