index文档
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站导航条</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#menu {
margin: 20px auto;
height: 35px;
width: 100%;
background: #cb111b;
}
#menu a{
font-family: "microsoft yahei";
font-size: 14px;
color: #FFF;
height: 35px;
width: 113px;
display: block;
float: left;
font-weight: 400;
text-align: center;
line-height: 35px;
text-decoration:none;
}
#menu a:hover{
background:#F00;
}
#menu a.index{
background:#b31610;
}
</style>
</head>
<body>
<div id="menu">
<a href="" class="index">今日上新</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>