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

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

列表制作ul,li,相關問題

我想是將列表排一列。

代碼:

<div class="top" >

? ?<div class="top_content">

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

? ? ? ? <li class="top_content_li">設為首頁</li>

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

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

? ? ? ? </ul>

? ? </div>

</div><!--top結束-->?

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 回答

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

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

NDegree 提問者

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

給li添加個樣式 float:left 就可以了。

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

NDegree 提問者

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

舉報

0/150
提交
取消

列表制作ul,li,相關問題

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

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號