CSS コード: ホバーオーバーで枠線が変更される
著者：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" />
<style type="text/css">
p#outer {
位置:相対;
フロート:左;
マージントップ:20px;
マージン左:20px;
背景: 青;
}
#アウターa {
マージン:0;
背景色:青;
表示:ブロック;
位置: 相対的;
境界線:2 ピクセルの赤の破線;
}
#outer a:hover {border:2px 破線 #CCFFCC;}
#outer img {ディスプレイ:ブロック;ボーダー:なし;背景:#ffffcc;パディング:4px;}
</スタイル>
</head>
<本文>
<h1>画像の上にカーソルを置くと、二重枠の効果が表示されます</h1>
<p id="outer"><a href="#"><img src="</p>
</body>
</html>
