<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 667px;
height: 40px;
background-color: #ff7e00;
}
a{
display: block;
float: left;
padding: 0 18px;
text-decoration: none;
font: 14px "微軟雅黑";
font-weight: 700;
color: #FFFFFF;
line-height: 40px;
}
a:hover{
background-color: #e46703;
}
</style>
</head>
<body>
<div>
<a href="">首頁</a>
<a href="">身邊團購</a>
<a href="">今日新單</a>
<a href="">美食</a>
<a href="">電影</a>
<a href="">酒店</a>
<a href="">旅遊</a>
<a href="">商城</a>
<a href="">特價機票</a>
</div>
</body>
</html>
css+html導航條
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.