リンクの線

ポータルサイトとかでよく見かける、リンクの下線がなくて、マウスオーバーしたときに、点線がでたり、ハイライトされるCSS。

(テンプレートのまま)
はてなブログ

（点線　class="my1"）

はてなブログ

（ハイライト　class="my2"）

はてなブログ

〜
.my1 a {color:#000000}
.my1 a:vlink {color:#000000}
.my1 a {text-decoration: none;}
.my1 a:hover { text-decoration:underline dotted; }

.my2 a {color:#000000}
.my2 a:vlink {color:#000000}
.my2 a {text-decoration: none;}
.my2 a:hover {background-color:#a9a9a9;}
〜