• ベストアンサー
  • 困ってます

スタイルシート上でリンク文字色の設定

  • 質問No.4131701
  • 閲覧数89
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 77% (346/446)

○スタイルシート
iro { font-size: 18; }
iro:link { text-decoration:none;color:赤; }
iro:visited { text-decoration:none;color:青; }
iro:hover { color:黄 }
iro:active { text-decoration:none;color:緑; }

○本文
<p id="iro">
 <a href="abc.html">リンク</a>          
</p>

すごく基本的な質問です。
スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。
上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。
ちなみに赤、青といった色指定の部分は、簡単になるように「#~」ではなくああいう風に書いています。
めんどうでしたら、色指定の部分は空白でかまいません。
正しい書き方を教えてもらえないでしょうか。

質問者が選んだベストアンサー

  • 回答No.1
  • ベストアンサー

ベストアンサー率 58% (284/486)

・ id="iro" の中にある<a>タグを指定するときは、以下の様にしてみてください。

#iro {
font-size: 18px;
}

#iro a:link {
text-decoration: none;
color: red;
}

#iro a:visited {
text-decoration: none;
color: blue;
}

#iro a:hover {
color: yellow
}

#iro a:active {
text-decoration: none;
color: green;
}
お礼コメント
MekMeki

お礼率 77% (346/446)

早速の回答大変ありがとうございます。
おかげさまでうまく変更することができました。
投稿日時:2008/06/26 23:02
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ