差し替え画像を作らずに、イメージ縁にボーダー色を入れる。
HTMLは通常にイメージにリンクをはるだけ。
-----------------------------------
CSS
-----------------------------------
(id 又は、class) a img {
border: #CCCCCC 1px solid;
}
(id 又は、class) a:hover img {
border: #990000 1px solid;
}
-----------------------------------
疑似クラスの記述順
a:link まだアクセスしていない
a:visited アクセスしたことがある
a:hover オンマウス時
a:active クリックした時
HTMLは通常にイメージにリンクをはるだけ。
-----------------------------------
CSS
-----------------------------------
(id 又は、class) a img {
border: #CCCCCC 1px solid;
}
(id 又は、class) a:hover img {
border: #990000 1px solid;
}
-----------------------------------
疑似クラスの記述順
a:link まだアクセスしていない
a:visited アクセスしたことがある
a:hover オンマウス時
a:active クリックした時