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

Question

使a标签扩大点击范围后，但是我不想要点击效果，只想要要那个范围，鼠标经过那个范围就可以使a标签背景变色，这种效果要怎么做到？

Answer 1

给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是点击效果。

Answer 2

<style>
.link{ display: block;}
.link:hover{ background-color: #f00; text-decoration: none; cursor: default; }
/* 鼠标移过 背景变红 不出现下划线 指针不变手型 也不可点击 */

</style>

<a class="link" href="javascript:void(0);">
<div>
<p>111111111</p
<p>111111111</p
<p>111111111</p
<p>111111111</p
</div>

</a>本回答被网友采纳

Answer 3

a:hover{css代码};

Answer 4

你的意思是不是不想要点击后出现的讨厌的边框？？

百度“去掉a的边框”会得到答案~