首页 > 网站 > WEB开发 > 正文

用css实现图片替换

2024-04-27 14:01:15
字体:
来源:转载
供稿:网友

<style> 
h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;} 
.box2{}  
.box2 img{display:block; padding:2px; border:0;} 
.box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}  
.box2 a span{display:none; color:#F00;}  

.box2 a:hover{color:#999; border:2px solid  #333; }  
.box2 a:hover span{display:inline; position:absolute;}  
  
</style> 
</head> 
  
<body> 
<h2>CSSヌミササヘシニャミァケ・/h2> 
<div class="box2"> 
<a href="#"><span><img src="http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai02.jpg" /></span><img src="http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai06.jpg" /></a> 
</div> 

</body>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表