第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

列表制作ul,li,相關(guān)問(wèn)題

我想是將列表排一列。

代碼:

<div class="top" >

? ?<div class="top_content">

? ? ? ? <ul class="top_ul">

? ? ? ? <li class="top_content_li">設(shè)為首頁(yè)</li>

? ? ? ? <li class="top_content_li">加入收藏</li>

? ? ? ? <li class="top_content_li">聯(lián)系我們</li>

? ? ? ? </ul>

? ? </div>

</div><!--top結(jié)束-->?

css樣式代碼:

.top_ul{

? ?height:27px;

? ?background:#F00;

}

.top

{width:100%;

?height:27px;

?background:url(../images/top_bg.jpg) repeat-x;

?

}


.top_content

{?

?width:1000px;

?margin:0 auto;


}


.top_content_li?

{ ??

float: right;

list-style-image:url(../li_bg.gif);

width: 70px;

line-height:27px;

}

效果卻是這樣:54885ee80001678d04980069.jpg



正在回答

2 回答

排成一排可以設(shè)置li的樣式display:inline;就能橫向排成一排了

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

NDegree 提問(wèn)者

非常感謝!謝謝
2014-12-11 回復(fù) 有任何疑惑可以回復(fù)我~

給li添加個(gè)樣式 float:left 就可以了。

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

NDegree 提問(wèn)者

謝謝!非常感謝
2014-12-11 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

列表制作ul,li,相關(guān)問(wèn)題

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)