<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body { font-family:Verdana; font-size:12px;}
ul,li{ margin:0; padding:0; list-style-type:none;}
a { color:#000; text-decoration:none;}
#div01 {
width:762px; height:150px;
background:url(banner_bg.jpg) repeat-x;
}
#menu01 {
width:762px; height:32px;
background:url(button1_bg.jpg) repeat-x;}
#menu01 ul li {float:left;}
#menu01 ul li a {
display:block; width:80px;
background:url(button1.jpg) no-repeat;
height:32px; line-height:32px;
text-align:center;}
#menu01 ul li a:hover { color:#FFF;
background:url(button2.jpg) no-repeat;}
</style>
</head>
<body>
<div id="div01"><img src="banner1.jpg"></div>
<div id="menu01">
<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>
<li><a href="#">常见问题</a></li>
</ul>
</div>
</body>
</html>
#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=
本文来自博客园，作者：凡是过去，皆为序曲，转载请注明原文链接：https://www.cnblogs.com/longhai3/p/15888043.html
如有疑问，欢迎提问
#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=#+=
