作业帮 > 综合 > 作业

css 用display-block扩大a标签点击范围后的问题?

来源:学生作业帮 编辑:神马作文网作业帮 分类:综合作业 时间:2024/11/17 11:11:11
css 用display-block扩大a标签点击范围后的问题?
使a标签扩大点击范围后,但是我不想要点击效果,只想要要那个范围,鼠标经过那个范围就可以使a标签背景变色,
css 用display-block扩大a标签点击范围后的问题?
给a标签设置display:block后,它会根据盒模型计算a标签的实际大小.
这时候,你可以使用hover伪类使a的整个盒模型生效.
.link a{display:block;padding:2px 10px;}
/*这样,a标签的范围就是文字上下各扩出2px左右各扩出10px/*
然后
.link a:hover{background:#newcolor;}
就能实现你要的效果.
你所说的不要点击效果,要记住lovehate的前后顺序,以及各自代表的意义.
hover即onmouse的效果,active是点击效果.