下線を点線に

カーソルを重ねてみてね♪


↑こんなカンジでリンク部分の下線がかわいいドット点線に♪
　


↓のソースを＜HEAD＞〜＜/HEAD＞の間に貼り付けて下さい。

<STYLE> <!-- A:HOVER{ border-bottom-style : dotted; border-bottom-color : #ff8000; border-bottom-width : 2px; } A{text-decoration : none; } --> </STYLE>

4行目　dotted　の部分を変えると線の種類も変わるよ！
　　　　　solid　―　実線　　dashed --- 点線
5行目 #ff8000 は点線の色
6行目 2px の部分は線と太さ(数が大きい程線も太い)






色んな組み合わせでさまざまなバリエーションがあるので
その他の『リンクあれこれ』も見てみて下さいね♪