リンクの下線

質問

リンク色を下線のみ変更する方法を教えてください。
（文字色は黒のままで…）

回答No.3

grumpy_the_dwarf

<a><span>string</span></a>な構造にして、スタイルシートでaの
色とspanの色を変える。aの方でtext-decoration:underlineを指定
したら、下線の色はspanの中でも一貫してaの色であるべきだって
CSSの規格書に書いてあるので、まともなブラウザならこの方法で
文字と下線の色を違えることができる。

でもこれ、:hoverはspanにも指定できるからいいけど、:visitedで
下線の色しか変わんないから不便ですよ。

回答No.2

ORUKA1951

under-lineは変更できないので
<style type="text/css">
<!--
a:link{text-decoration:none; border-bottom:red 1px solid;}
a:visited {text-decoration:none; border-bottom:magenta 1px solid;}
a:hover{text-decoration:none; border-bottom:blue 4px solid;}
a:active {text-decoration:none; border-bottom:green 4px solid;}
-->
</style>
・・・まあ、あまりお勧めする手法ではない。ユーザービリティから、こういう部分は極力変更しないほうが、混乱させない。

回答No.1

hana-hana3

アンダーラインは文字と一体なので別々にすることはできません。