<style type="text/css">
/*在此定义相关样式，控制列表的显示形式*/
body{
height:150px;
width:300px;
border:1px solid white;
h3{
font-size:;20px;
font-weight:bold;
}
.mid{
height:80px;
}
}
.mid li{
list-style-type:none;
float:left;
margin-right:10px;
}
.mid a:link,a:visited{
text-decoration:none;
color:black;
}
.mid a:hover,a:active{
color:white;
background-color:#be3948;
display:block;
}
</style>
li要加高度和行高
line-height: 30px;
height: 30px;
a{display:block;
height:30px;
width:50px;}
a：hover{
background:red;}
设置li:hover{
background:red}就可以了
的确有些奇怪。。。试了一下