网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.网页标准化制作:CSS的超级技巧大.
.css 背景图片的定位问题.
.很立体的CSS按钮菜单效果.
.CSS教程:简化CSS中属性的示例.
.网站重构:利用CSS改善网站可访问.
.使用CSS定位页面的“footer”.
.实现页面图片阴影特效.
.工作中常用的高效的CSS代码.
.CSS经典实用技巧18招.
.第四章 颜色背景的CSS.
.CSS模块化设计—从空格谈起.
.css的引用文件方式.
.用CSS使图片自适应显示宽度.
.css层固定位置练习.
.Div+CSS+JS树型菜单,可刷新.
.一句代码快速将网站换成黑白风格.
.利用CSS制作动感导航栏.
.完全用CSS实现的中英文双语导航菜.
.Css Reset(复位)整理.
.CSS中权重的例子.

用css实现图片替换

发表日期:2008-8-20


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

上一篇:自定义CSS cursor 人气:900
下一篇:css弹出层+屏蔽背景页面(兼容fiefox) 人气:1465
浏览全部css的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐