CSS代码：Hover over下的边框变化
作者：Eve Cole
更新时间：2009-06-12 19:27:29
<!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 ">
<头>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<样式类型=“文本/css”>
p#外层{
职位：亲属；
浮动：左；
顶部边距：20px；
左边距：20px；
背景：蓝色；
}
#外层一个{
保证金：0；
背景颜色：蓝色；
显示：块；
位置：相对；
边框：2px 红色虚线；
}
#outer a:hover {border:2px dashed #CCFFCC;}
#outer img {显示：块；边框：无；背景：#ffffcc；填充：4px；}
</风格>
</头>
<正文>
<h1>将鼠标悬停在图像上可查看双边框效果</h1>
<p id="outer"><a href="#"><img src="</p>
</正文>
</html>
