2、CSS 3 才支持多背景图，需要重复写两次，但是IE9以下不支持
3、可以把a的display设成block，然后把.hover的背景图指给下面的a元素
CSS里面没有点击事件，只能控制鼠标移入的时候显示！
小案例：
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>CSS里鼠标点击div里的LI A时加上背景图片</title>
<style type="text/css">
div:hover>a{background: url(img/5.jpg)}
</style>
</head>
<body>
<div>
<a href="">百度知道</a>
</div>
</body>
</html>
案例截图：为进入
案例截图：进入
背景填充background-image:
他填充的位置包括padding的位置，因为padding是内框里面的部分。而定义的width 和 height 的大小是是加上可以输入html内容的大小。
border边框是最外边的在padding的外面，
例如：.divs{width:50pxheight:15pxpadding:20pxborder:1px solid red}
<div class="divs">这里面是实际宽度</div>
你会发现border框会随着padding有无而变化。
而背景background-image也会随着padding的有无而出现填充位置的变化。
希望可以帮到你。不明白可以继续问我。
给你插一个我画的图吧。
