ホームページ作成ガイド

画像にマウスオーバーした時に枠を付ける

<html><head>
<title>画像にマウスオーバーした時に枠を付ける</title>
<STYLE type="text/css">

</STYLE>
</head>
<body bgcolor="#ffcc00">

<a href=""><img src=""></a>

</body></html>

a img { border: 5px solid #ffcc00; }で、見えない枠線（ページの背景と同じ色）を付けておきます。
a:hover img { border: 5px ridge #ff0000; }で、マウスオーバー時の効果を設定します。

ridgeの部分を他の効果にすることもできます。
効果は、
dotted
dashed
double
groove
outset
inset
などがあります。