样例
代码
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.nav {
background-color: #f1f1e6;
}
.nav ul {
margin: 0;
padding: 0;
line-height: 2em;
}
.nav a {
display: block;
width: 8em;
text-align: center;
text-decoration: none;
background-color: #dcc9c1;
}
.nav a:hover {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<div class="nav">
<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>
<li><a href="">科幻/玄幻类</a></li>
</ul>
</div>
</body>
</html>