Question

我想做鼠标划过链接改变背景图片，多个按钮，但是css我只会写一个的，多个按钮的我不会写，求帮忙

我想做鼠标划过链接改变背景图片，多个按钮，但是css我只会写一个的，多个按钮的我不会写，例如： a{width:100px;height:100px; backeground:url(images/1.gif);}
a:hover{width:100px;height:100px; backeground:url(images/2.gif);}
这样只能实现一个按钮的划过改变而已，我想做多个怎么做呢？

Answer 1

css
.btn a{width:100px;height:100px; backeground:url(images/1.gif);}
.btn a:hover{width:100px;height:100px; backeground:url(images/2.gif);}
.btn1 a{width:100px;height:100px; backeground:url(images/1.gif);}
.btn1 a:hover{width:100px;height:100px; backeground:url(images/2.gif);}

<div class="btn"><a href="#"></a></div>
<div class="btn1"><a href="#"></a></div>

给外层叫个css，然后就可以了，如果跟这个一样就加这个class，如果不一样，就另外写，你说的是这个意思吗，顺便说一句，a不是块元素，如果想让宽高生效，或者，给a加浮动，或者，让a变成块元素，比如，增加 display:block