Question

css鼠标到达时变换图片，离开时又变回来，希望大神们每一句加下注解

Answer 1

加一个hover伪类就可以了
<style type="text/css">
.nav
{
background-image:url("xxx.png"); /*插入背景图片*/
text-indent:-999em; /*隐藏文本*/
}
.nav:hover
{
background-image:url("yyy.png"); /*插入鼠标经过时显示的图片*/
}
</style>

body部分
<div class="nav"></div>

不懂再问哈

Answer 2

a{ display:block; width:100px; height:50px; background:url(图片1) no-repeat left top;}/*鼠标默认状态*/
a:hover{background:url(图片2) no-repeat left top;}/*鼠标经过状态*/