Question

HTML中设置了hover鼠标经过背景更好，但为什么只有字体的背景更换

Answer 1

把行内元素变成块级元素，然后再加上浮动即可。
即，在定义文字的行内标签中加上display:block;，然后再加一个float:left;，就可以实现整块背景变色，又不影响字体排列。

Answer 2

首页不知你的导航是怎么写的，我经常是这样写的：

<style type="text/css">
#nav { height:30px; line-height:30px;}
#nav li { float:left; display:inline;}
#nav li a{ display:block;}
#nav li a:hover { background:#000; color:#F00;}/*====鼠标经过背景变黑（如果背景是图片的话:background:url(/images/bg.jpg);），字体颜色变红=====*/
</style>
<ul id="nav">
<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>

Answer 3

注意样式优先级

追问

要不要设置块

追答

你是不想改变字体的颜色?

追问

不是，是导航条鼠标经过背景更换

追答

要设置的背景,而且设置a的display:block;还要设置宽和高

Answer 4

？