如何用CSS控制按钮图片切换

来源:百度知道 编辑:UC知道 时间:2024/05/29 16:35:23
求代码发上谢谢
谁说CSS不能实现? CSS你玩好了连WOW都可以做出来
我都研究出来了
<style>
.box2{}
.box2 img{display:block; padding:2px; border:0;}
.box2 a{color:#333; text-decoration:none;border:0px solid #FFF; float:left; cursor:hand;}
.box2 a span{display:none; color:#F00;}

.box2 a:hover{color:#999; border:0px solid #333; }
.box2 a:hover span{display:inline; position:absolute;}

</style>
</head>

<body>
<h2>CSS</h2>
<table class="box2">
<tr>
<td>
<a href="#"><span><img src="02.jpg" /></span>
<img src="01.jpg" /></a>
</td>
</tr>
</table>

</body>
准备两张图片放在一起就行了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml";>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<style>

#menu5 {

 width: 200px;

 margin: 10px;

 }

 

#menu5 li a {

 height: 32px;

   voice-family: "\"}\""; 

   voice-family: inherit;

   height: 24px;

 text