html - 異なる色でHTMLアンカーに下線を引く

Question

テキストの色以外の色でアンカータグに下線を付けることはできますか？任意の例をいただければ幸いです。

編集： 色を16進数として指定することは可能ですか？例：＃8f867c？

score 22 · Accepted Answer

下線の色を個別に指定することはできませんが、ちょっとしたトリックを使用できます。

a {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid green;
}

申し訳ありませんが、境界線は下線が表示された場所に正確に表示されないことに注意してください。

score 3 · Accepted Answer

ユーザーがマウスをその上に移動したときにのみ「境界線」を表示したいと仮定すると、次のようにする必要があります。

a {
  text-decoration: none;
}

a:hover {
  border-bottom: 1px solid blue;
  text-decoration: none;
}

score 2 · Accepted Answer

あなたがそれに境界を与えることができる方が良いです。このように書く：

a{
text-decoration: none;
color:green;
border-bottom:1px solid red;
}

これをチェックしてくださいhttp://jsfiddle.net/dgc4q/

5 に答える 5