需要准备的材料分别有：电脑、浏览器、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。
使用jquery的toggle方法进行图片切换\x0d\x0a$(function(){\x0d\x0a$("#h1").toggle(function(){\x0d\x0a$("#h1").css("background-image","路径('./20110528073501b54e6.jpg')")\x0d\x0a},function(){\x0d\x0a$("#h1").css("background-image","路径('./2011060708410874041.jpg')")\x0d\x0a})\x0d\x0a}) \x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0aCSS\x0d\x0a.hh1{\x0d\x0abackground: url("./2011060708410874041.jpg")\x0d\x0awidth: 120px\x0d\x0aheight: 90px\x0d\x0a}01首先看下html代码，一个空的div，什么内容都还没放上。
02为这个div写上一些美化的样式。
03刷新页面，看下效果，现在就是显示一个有边框的div。
04要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。
background-image: url(12.jpg)
05刷新页面看下现在的效果，可以看到div已经加上图片背景了。
