如果用<div>+<a>做一个按钮，这个能理解吧，就是 想通过 link 来实现跳转，但是看起来是个按钮，且不需要触发事件。而且 css 也比 button 的好用。
这中情况下，如果不是“块”block，那么只要点到文字上时才会触发，点到 按钮<div>但是没点到字是不行的，但是用了 block 后，整个按钮都可以承载 a 的link操作了
css中的display是设置元素显示的方式,block是一块状元素的方式显示，
inline是以内联元素的方式显示，none是不不显示；
块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行那里去，inline则不会这样。
给a标签设置display:block后，它会根据盒模型计算a标签的实际大小。这时候，你可以使用hover伪类使a的整个盒模型生效。
.link a{display:blockpadding:2px 10px}
/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*
然后
.link a:hover{background:#newcolor}
就能实现你要的效果。
你所说的不要点击效果，要记住lovehate的前后顺序，以及各自代表的意义。
hover即onmouse的效果，active是点击效果。
