水平導航代碼有沒有？
biubiubong
2016-12-26 09:39:17
1 回答
堂堂堂堂糖糖糖童鞋
TA貢獻101條經驗 獲得超58個贊
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>導航</title>
<style>
*?{
margin:?0;
padding:?0;
}
.nav?{
width:?100%;
height:?60px;
/*font-size:?0px;*/?/*第一種*/
background-color:?black;
}
.nav?li?{
/*display:?inline-block;*/?/*第一種*/
float:?left;?/*第二種*/
list-style:?none;
}
.nav?a?{
display:?block;
height:?50px;
line-height:?50px;
font-size:?14px;
padding:?5px?20px;
text-decoration:?none;
color:?white;
}
.nav?a:hover,
.nav?a.active?{
background-color:?#999;
}
</style>
</head>
<body>
<ul>
???<li><a?href="###">課程</a></li>
???<li><a?href="###">職業路徑</a></li>
???<li><a?href="###">實戰</a></li>
???<li><a?href="###">猿問</a></li>
???<li><a?href="###">手記</a></li>
</ul>
</body>
</html>- 1 回答
- 1 關注
- 1217 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消