这时候，你可以使用hover伪类使a的整个盒模型生效。
.link a{display:blockpadding:2px 10px}
/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*
然后
.link a:hover{background:#newcolor}
就能实现你要的效果。
你所说的不要点击效果，要记住lovehate的前后顺序，以及各自代表的意义。
hover即onmouse的效果，active是点击效果。
您好！
display:block是可以把非块级元素强制转换为块级元素显示，如内嵌元素span，原来不支持设置宽高，宽度是由内容撑开的，几个span元素是在同一行内的，如果给span设置如下样式：
span:display:block那么span元素就会表现的和DIV一样，每个DIV占据一行，而且支持设置宽高；
具体CSS中的display有如下属性：
值描述none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row 此元素会作为一个表格行显示（类似 <tr>）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column 此元素会作为一个单元格列显示（类似 <col>）
table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption 此元素会作为一个表格标题显示（类似 <caption>）
inherit 规定应该从父元素继承 display 属性的值。
希望我的回答能够帮到您！
行内元素（inline）的大小是受所在行统一控制的，不能单独设置大小，这个应该不难理解，因为如果同一行有多个行内元素，如果都各自设置自己的大小（以及行高、排列方式等），那么这一行就会变得混乱不堪甚至完全失控。所以如果一个元素的display属性设为inline，那么它的width和height属性就会自动失效。如果想让一个行内元素有自己的宽度，可以设为inline-block，这样既保留行内元素的特征，又可以单独设置自身状态，但一般并不建议这么做，因为这可能会打破网页的正常结构。从你的代码来看，你这个a标签都是单独一行的，设为块级元素（block）即可，没必要非设为inline不可啊。
