下線の太さ、色、種類を指定する

a{border-bottom:太さ色下線の種類;} でリンクの下線の太さ、色、種類を指定することができます。 text-decoration:none;の指定も同時にする必要があります。

下線の種類についてはCSS一覧のボックスの項を参照して下さい。

【ブラウザ表示】

ソース

<a href="clink2.html" class="link2">下線の太さ、色、種類が変わりました</a>

外部ファイル

a.link2{
text-decoration:none;
border-bottom:3px green dashed;
}

<body>～</body>に直接記入する場合

<a href="clink2.html" style="text-decoration:none; border-bottom:3px green dashed;">
下線の太さ、色、種類が変わりました
</a>