CSS能更换的图片，只能存在于样式中。所以，这个图片也只能是背景图片。
一般是结合：hover来实现的。例如：
.mydiv{
background:图片1 no-repeat
height:100px
widht:100px
}
.mydiv:hover{
background:图片2 no-repeat
}
这样就实现了图片1和图片2的鼠标移上去的切换。
CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{height: 80pxbackground: url(small3.png)}div:hover{background: url(small2.png)}。
3、浏览器运行index.html页面，此时div显示的背景图片是small3.png。
4、将鼠标移入div，此时背景图片自动变更成了small2.png。
你这个效果用背景色也能很容易实现的，用图片么，也可以代码如下：
<style type="text/css">.rightFloat{text-align:center}
.goTop{ background:url(http://css.xzyd.net/66/defaultv6/image/top-backh.jpg) no-repeat}
a:hover .goTop{ background:url(http://css.xzyd.net/66/defaultv6/image/top-backb.jpg)}
</style>
<div class="rightFloat" >
<a href=""><p class="goTop" style="width:86pxline-height:29pxpadding:8pxtext-indent:-9999px">返回顶部</p></a>
</div>
主要是a:hover的使用，当然，如果是纯色的话，用背景色更容易的。
