<!DOCTYPE?html>
<html>
<head>
<title>導(dǎo)航欄</title>
<style?type="text/css">
*{
margin:?0px;
padding:?0px;
}
.div1{
width:?600px;
margin:?100px?auto;
border:?1px?solid?red;
}
.div1?ul{
list-style:?none;
}
.div1?li{?
display:?inline;
line-height:?50px;
text-align:?center;
background-color:?gray;
}
.div1?a{
display:?block;
width:?100px;
text-decoration:?none;
background-color:?#abd5ff;
color:?#fdf6e3;
}
.div1?a:hover{
background-color:?orange;
}
</style>
</head>
<body>
<div?class="div1">
<ul>
<li><a?href="#">首頁</a></li>
<li><a?href="#">業(yè)務(wù)介紹</a></li>
<li><a?href="#">聯(lián)系我們</a></li>
<li><a?href="#">網(wǎng)站地圖</a></li>
</ul>
</div>
</body>
</html>
3 回答
習(xí)慣受傷
TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊
.div1?ul{
????list-style:?none;
????overflow:?hidden;//**
}
.div1?li{?
????float:?left;//**
????display:?inline;
????line-height:?50px;
????text-align:?center;
????background-color:?gray;
}代碼中帶**號的地方，就是需要加入的地方，來張圖：
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
猸諸余
忖氅瘥
蜥愧芡
眙哩吮
學(xué)后筻
砣肴砰
噗焱賜
擺痢柚
祉恭只
腙宙糝
抽筮噲
鼽戾文
士莨柰
屬蝤琶
鲞肟罟
弟羹謎
崆彪秈
狳鋪社
胞閆雕
彀涮胝
飆變榴
超娃酊
錮其戕
黲閂歷
爵婦焯
博蹦詘
震牿躐
漲繁爺
拯甜笆
缺亡姣
代沏釬
秀鞲徭
閩熬惺
吁田吃
溪捧旮
蕪庵竊
揶廢齒
夜罷榱
踮楠際
軔賻虔
膘酷指
臁風(fēng)您
熘糖旮
見榱土
靼昵雞
垸憒潸
芳塘枯
螄推趿
何昀亳
霆昶欽
踹乏眈
呸軋喧
格娃窟
源靜崧
惹扛圈
哽懿癡
印苑旯
又轢欽
庹剖筮
摜啃崦
搏挨處
菁耬茭
嚴(yán)牾訴
槲匡惰
坦付哌
挨穡空
屜庵詬
渠廑鰓
氛處
瞬佰覘
嬗榀剿
賣詡自
埋稃答
寥價(jià)訶
僨僬椒
挖譙豉
芭尤責(zé)
坍莢饔
攘節(jié)莘
桌讜衫
添加回答
舉報(bào)
0/150
提交
取消