リンク文字の　一部だけ色を変える場合

解決済

質問者：bunshichi
質問日時：2009/12/21 11:32
回答数：2件

１ページの中に
背景色が青い"#000099"
になっているところ
背景色がデフォルトの白
になっているところがあります。

それぞれ文字を記入しこれに対してリンクをつけたところ
デフォルトの白い背景ですと文字が見えますが
背景色を青い"#000099"にしてしまった部分が
リンク文字の色と被ってしまい文字が見えません。

背景色はそれぞれ変えたくない為
一部のみリンク文字の色を変えたいのですが
どのような方法があるのでしょうか。

始めたばかりの為お手柔らかに
ご教授の程よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： ORUKA1951
回答日時：2009/12/21 13:00

＞背景色を青い"#000099"にしてしまった部分が

　この部分は、特定のブロック要素に当たるはずです。
　したがって、
<div class="menue">
　<p><a href="">リンク</a></p>
</div>
だとすると、スタイルシートで
div.menue a{ プロパティ:値}
　で指定すればよい。デザインのためだけに、idやclassをつけるのは、お勧めしません。メンテナンスが大変ですし、HTMLやCSSの考え方からは外れる。

- 0
- 件

通報する

この回答へのお礼

投稿して頂きありがとうございます。

今回は時間がなかった為とりあえず
<a href="">リンク</a>
を
<a href=""><font color="FFFFFF">リンク</font></a>
としたことで変更致しました。

おそらく私のとった書き方はよくないやり方と思いますので
時間をみてお教え頂いたものをものを元に改善していきます。
ありがとうございました。

通報する

お礼日時：2009/12/21 17:17

No.1

回答者： vancunt
回答日時：2009/12/21 12:09

CSSを利用し、リンク文字にスタイルを設定してあげましょう。

例）
・<head>から</head>の中（</head>の上）に下記を記述
<style type="text/css">

</style>

・色を変えたいリンクにクラスを設定
<a href="～～～" class="linkA">このリンクの文字の色を変える。</a>