输入你的邮件地址, 你将不会错过任何关于: [ 网页特效
]的信息 |
|
CSS代码:Hover over下的边框变化
文章类别:网页特效
| 发表日期:2007-12-19 | 
|
<!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> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> p#outer { position:relative; float:left; margin-top:20px; margin-left:20px; background: blue; } #outer a { margin:0; background-color:blue; display:block; position: relative; border:2px dashed red; } #outer a:hover {border:2px dashed #CCFFCC;} #outer img {display:block;border:none;background:#ffffcc;padding:4px;} </style> </head> <body> <h1>Hover over the image to see the double border effect</h1> <p id="outer"><a href="#"><img src="http://www.knowsky.com/images/logo.gif" alt="example image border" width="150" height="86" /></a> </p> </body> </html> |
|
上一篇:特殊标签fieldset实现的表中表效果
人气:376
下一篇:CSS代码:如何实现让多个DIV排列时居中
人气:350 |
| 点击此处浏览全部CSS的内容
Dreamweaver插件下载
常用网页广告代码全集 |
|
|
|