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的鼠标移上去的切换。