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>