如何用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>
准备两张图片放在一起就行了
谁说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