CSS怎么实现更换图片

Question

CSS怎么实现更换图片

Answer 1

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不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

Answer 2

首页定义你a默认样式
a{width:92px; height:22px; padding-top:9px; display:block; background:url('图片地址')no-repeat; color:#000; text-decoration:none}
再定义当鼠标经过时样式
a:hover{background:url('图片地址') left 2px no-repeat;}

Answer 3

CSS能更换的图片，只能存在于样式中。所以，这个图片也只能是背景图片。
一般是结合：hover来实现的。例如：
.mydiv{
background:图片1 no-repeat;
height:100px;
widht:100px;

}
.mydiv:hover{
background:图片2 no-repeat;

}
这样就实现了图片1和图片2的鼠标移上去的切换。