我的显示错误,来看一下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Html</title>
</head>
<style dype="text/css">
*{margin: 0px; padding: 0px;}
.tou{
width:1300px;
height:50px;
position: absolute;
background: #FF4F1E;
margin:0 auto
}
ul{
list-style: none
}
ul li{float: left;width: 300px; line-height:50px; text-align: center;}
a{text-decoration: none;color:#000000;display: block;}
a:hover{color: #FFFFFF; background-color: #3B3B3B}
ul li ul li{float: none; background-color: #EEEEEE; margin-top: 2px;}
ul li ul li a:hover{background-color: #7C7C7C}
ul li ul li:hoverd{display: block}
</style>
<body>
<div class="tou">
<ul>
<li><a href="">推荐</a></li>
<li><a href="">地方特产</a>
<ul>
<li><a href="">JavaScript</a></li>
<li><a href="">jQuery</a></li>
</ul>
<li><a href="">著名小吃</a></li>
<li><a href="">文化了解</a></li>
</div>
</body>
</html>