摘要：<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title></title> </head> <style> *{ margin: 0; padding: 0; text-decoration:
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<style>
*{
margin: 0;
padding: 0;
text-decoration: none;
font-size:14px;
list-style: none;
}
.box{
width: 100%;
height: 25px;
background: #ccc;
}
.center{
width: 1200px;
height: 25px;
margin: 0 auto;
border: 0px solid cadetblue;
}
.box_left{
width: 80px;
line-height: 25px;
text-align: center;
}
.box_left:hover{
background: #ffffff;
}
ul{
display:none;
}
.box_left:hover ul{
display: block;
background: chocolate;
}
li:hover{
background: #ffffff;
}
</style>
<body>
<div class="box">
<div class="center">
<div class="box_left">
<a href="#"><span>我的淘宝</span>
<ul>
<li>1+1</li>
<li>1+2</li>
</ul>
</a>
</div>
</div>
</div>
</body>
</html>
在多个时要用定位
批改老师：灭绝师太批改时间：2018-11-01 22:55:10
老师总结：完成得还不错, 各种细节还可以再注意一下, 继续加油吧
