给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是点击效果。
相关文章
- 08-21游戏行业的云十年:云计算应用范围的影响正逐渐扩大!
- 08-21让a标签(超链接)失效的CSS写法
- 08-21点击iframe窗口里的超链接,打开新页面的方式
- 08-21OC中扩大按钮的单击范围
- 08-21去掉超链接或按钮点击时出现的虚线边框
- 08-21checkbox扩大点击范围,点击父级可选中取消
- 08-21点击弹出窗之外的区域 隐藏弹出窗 和Animate.css配合
- 08-21Jquery Mobile通过超链接跳转后CSS样式不起作用的解决办法
- 08-21js点击时关闭该范围下拉菜单之外的菜单
- 08-21【2017-05-21】WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性、Js中getAttribute和超链接点击弹出警示框。