リンクにマウスが触れたらイメージがへこむ

HOME > HTMLの小技 > リンクに触れたらイメージがへこむ


■サンプル

ここにマウスを置いてください

↓画像も動きます↓

ソース

<style type="text/css">
<!--
A{text-decoration:none;color:リンクの色;}
A:hover{color:マウスが触れたときの色;position:relative ;top:1px ;left:1px ;}
-->
</style>

変更箇所

op:1px = 下に動く数値

left:1px = 右に動く数値


[HOME]