リンクにマウスポインタが乗ったときにリンクが押される方法☆

リンクの上にマウスポインタが乗ったときにリンクが少し動いて押されたっぽく見える（？）方法の紹介です☆

これは非常に簡単☆a:hoverに次の太字部分を入れるだけです。


a:hover
{
color: #ff0000;
text-decoration: underline;
position:relative;
top: 2px;　←どれだけ下に動かすかの数字
left:2px;　どれだけ右に動かすかの数字
}


これでリンクの上にマウスカーソルが乗った時に押された（？）ようになります☆

参考までにどうぞ～☆(* ^ーﾟ)σ