红色区域只有a标签的范围，不像示例图里范围这么大，请问怎么解决？
来源：3-7 编程练习
我想静静2
2016-07-10 23:06
li{
list-style-type:none;
float:left;
margin-right:10px;
}
a{
display:block;
color:black;
text-decoration:none;
}
a:hover{
background-color:red;
color:white;
}
写回答
关注
9回答
-
- _蛋蛋_
- 2016-07-11 10:42:57
没有给a标签设置宽高或者填充
-
- 咿呀咿呀哒哒
- 2016-10-09 11:44:23
为a设置样式
a{
display:block;}
-
- weibo_发呆小贤_0
- 2016-07-25 11:27:37
给a设置line-height:30px，其值等于列表height值，相当于上下填充相等，也就能垂直居中，另外其背景颜色范围也就变大了。
-
- cicineer
- 2016-07-25 03:18:10
直接给a添加上填充 padding:5px
-
- 学一点忘一点
- 2016-07-24 13:40:19
直接在a:hover里设置width和height，然后在li标签里设置text-align：center ； line-height：a：hover的高度即可，在你的基础上
-
- 王二大
- 2016-07-20 23:11:35
a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block
-
- qq_DreamSir_03363998
- 2016-07-12 21:43:26
没有给a设置宽高，设置一下就好了
-
- qq_yEs先生_53252576
- 2016-07-12 20:23:15
设置li的宽度与高度，并且给li设置上行高，line-height
-
- 我想静静2
- 2016-07-11 11:19:03
那怎么解决呢？
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题