                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

红色区域只有a标签的范围，不像示例图里范围这么大，请问怎么解决？

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;

}

我想静静2

2016-07-10

源自：企业网站综合布局实战 3-7

关注问题我要回答

2160

操作

收起

9 回答

_蛋蛋_ 回答被采纳 +3 积分
2016-07-11

没有给a标签设置宽高或者填充

1 回复有任何疑惑可以回复我~

#1

我想静静2 提问者

非常感谢！

2016-07-29 回复有任何疑惑可以回复我~

咿呀咿呀哒哒
2016-10-09

为a设置样式

a{

display:block;}

0 回复有任何疑惑可以回复我~

weibo_发呆小贤_0
2016-07-25

给a设置line-height:30px，其值等于列表height值，相当于上下填充相等，也就能垂直居中，另外其背景颜色范围也就变大了。

0 回复有任何疑惑可以回复我~

#1

慕粉1108295826

这效果是能实现，但我还是不懂为什么要设置A元素的高度

2017-02-05 回复有任何疑惑可以回复我~

#2

weibo_发呆小贤_0 回复慕粉1108295826

你不设高度的话元素高度由内容撑高，所以内容多高元素就多高啦

2017-02-06 回复有任何疑惑可以回复我~

cicineer
2016-07-25

直接给a添加上填充 padding:5px

2 回复有任何疑惑可以回复我~

学一点忘一点
2016-07-24

直接在a:hover里设置width和height，然后在li标签里设置text-align：center ； line-height：a：hover的高度即可，在你的基础上

0 回复有任何疑惑可以回复我~

王二大
2016-07-20

a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block

3 回复有任何疑惑可以回复我~

qq_DreamSir_03363998
2016-07-12

没有给a设置宽高，设置一下就好了

0 回复有任何疑惑可以回复我~

qq_yEs先生_53252576
2016-07-12

设置li的宽度与高度，并且给li设置上行高，line-height

0 回复有任何疑惑可以回复我~

我想静静2 提问者
2016-07-11

那怎么解决呢？

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

企业网站综合布局实战

参与学习 157042 人
解答问题 1984 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

本课相似问答

5 回答红色块状区域怎么设置的大一点

1 回答为什么sceipt src标签在DW中显示的是红色的？？？

6 回答为什么我这里只有显示出一个灰色的图片，蓝色的图片没有显示？

3 回答如何解决li标签里的a标签中文字输入过长呈现这个样式

2 回答h1不是快元素吗为什么他这里 h2标签可以和a标签在同一行显示

搜索更多本课相关问答

红色区域只有a标签的范围，不像示例图里范围这么大，请问怎么解决？

我要回答关注问题

意见反馈帮助中心 APP下载