用css实现图片替换

王朝html/css/js·作者佚名  2008-08-21
窄屏简体版  字體: |||超大  

<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航