CSS代码：Hover over下的边框变化
来源： 录入时间：07-06-09 21:38:22
<!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.webjx.com/images/logo.gif" alt="example image border" width="150" height="86" /></a> </p> </body> </html>
上一篇文章： 下一篇文章：