• ベストアンサー

選択のリンクの色替え

リンクを選択したときに色を変えるようにしたいです。 今<alink=000000>というようなタグを使ったのですが、そうすると、そこを選択してクリックしないと色が変わらないのです。マウスを持っていっただけで色が変わるようにするにはどうしたらよいでしょうか?

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

  • ベストアンサー
  • meke2
  • ベストアンサー率41% (16/39)
回答No.1

<head>~</head>の間にスタイルシートを記述することで出来ますよ。 下記URLを参考にしてみてくださいませ。

参考URL:
http://tohoho.wakusei.ne.jp/how2/link.htm#linkcolor
noname#6663
質問者

お礼

ありがとうございました。 できました。

その他の回答 (3)

  • meke2
  • ベストアンサー率41% (16/39)
回答No.4

#1です。ちょっと補足で^^; 「リンクにマウスを乗せたときに色を変えるには」 http://tohoho.wakusei.ne.jp/how2/link.htm#hover こちらのURLが参考になりますね(#1の参考URLの訂正です。 同じページなので下にスクロールすればありますが‥‥) 実際には<head>~</head>の間に <style type="text/css"> <!-- a:link { color: #0000cc; } a:visited { color: #000080; } a:active { color: #ff0000; } a:hover { color: red; } --> </style> こんな感じで記述することでリンクのスタイルを一括して指定出来ます。 上から順に「リンクの色」「訪問済みの色」「クリック時の色」「マウスを乗せた時の色」となっています。 あとは普通に <A HREF="http://www.yahoo.co.jp/">yahoo</A> のようにリンクを張るだけでオッケーです。

参考URL:
http://tohoho.wakusei.ne.jp/how2/link.htm#hover
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.3

JavaScriptとCSSを使って <A HREF=http://www.goo.ne.jp/ onMouseOver="style.color='red'" onMouseOut="style.color='blue'">goo</A> で少しシンプルになりましたね。 redとかblueの代わりに#ff0000とか#0000ffとかの指定も可能です。

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.2

JavaScriptを使います。 <A HREF=http://www.goo.ne.jp/><FONT onMouseOver="this.color='red'" onMouseOut="this.color='blue'">goo</FONT></A> redとかblueの代わりに#ff0000とか#0000ffとかの指定も可能です。

noname#6663
質問者

お礼

ありがとうございました。 できました。

関連するQ&A