プロが教えるわが家の防犯対策術!

未読リンクは
アンダーバー付でマウスをリンクの上に持ってくると文字色を変える。
既読リンクは
アンダーバー無しでマウスをリンクの上に持ってくると文字色を変える。
の設定にしたいのですがどうしたらいいですか?

A 回答 (3件)

<head>~</head>の間に



<style type="text/css">
<!--
a:link {
color:#0000ff;
text-decoration:underline;
}
a:visited {
color:#8700cc;
text-decoration:none;
}
a:hover {
color:#ff0000;
text-decoration:none;
}
a:active {
color:#ff0000;
text-decoration:none;
}
-->
</style>
    • good
    • 0

これでよいのでは?


a:link {
color:#0000ff;
text-decoration:underline;
}
a:visited {
color:#8700cc;
text-decoration:none;
}
a:hover {
color:#ff0000;
text-decoration:none;
}
a:active {
color:#ff0000;
text-decoration:none;
}

この回答への補足

で、それをどこに書きますか?

補足日時:2007/05/03 00:20
    • good
    • 0

できない。


できるのは「未読」「既読」「マウスを乗せる」「アクティブ(マウスプレス中)」の4つ。
希望の この4つを組み合わせるというのはできない。

「未読のリンク」「既読のリンク」「マウスを乗せた場合」が排他的に採用される。
但しjavascriptでこれらのstyle状況を検査して別のstyleを割り当てる事は不可能ではないが複雑になるだけなので推奨しないし労力のわりに効果が薄いのでおすすめしない。

http://www.tohoho-web.com/css/reference.htm#link

この回答への補足

排他的、すなわち独立である。

「未読のリンク」 アンダーバー付のリンク
「既読のリンク」 アンダーバー無しのリンク 
(既読の例  ww.tohoho-web.com/css/index.htm)
「マウスを乗せた場合」 色を変える

すべて排他?

補足日時:2007/05/02 21:51
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!