用css实现图片替换

孙蓝菲

孙蓝菲

2016-02-19 21:20

今天图老师小编要向大家分享个用css实现图片替换教程,过程简单易学,相信聪明的你一定能轻松get!

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

/body

展开更多 50%)
分享

猜你喜欢

用css实现图片替换

Web开发
用css实现图片替换

用CSS实现图片的预加载

Web开发
用CSS实现图片的预加载

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS高级技巧:图片替换

Web开发
CSS高级技巧:图片替换

用CSS实现网页图片的预加载

Web开发
用CSS实现网页图片的预加载

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用CSS实现给图片上色的效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
用CSS实现给图片上色的效果

实现透视效果用css来实现

Web开发
实现透视效果用css来实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

迭代法操作 SQL Server 数据表和数据库

迭代法操作 SQL Server 数据表和数据库

鼠标如何实现自动上下翻页的效果

鼠标如何实现自动上下翻页的效果
下拉加载更多内容 ↓