- ベストアンサー
選択のリンクの色替え
リンクを選択したときに色を変えるようにしたいです。 今<alink=000000>というようなタグを使ったのですが、そうすると、そこを選択してクリックしないと色が変わらないのです。マウスを持っていっただけで色が変わるようにするにはどうしたらよいでしょうか?
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
<head>~</head>の間にスタイルシートを記述することで出来ますよ。 下記URLを参考にしてみてくださいませ。
その他の回答 (3)
- meke2
- ベストアンサー率41% (16/39)
#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> のようにリンクを張るだけでオッケーです。
- arukamun
- ベストアンサー率35% (842/2394)
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)
JavaScriptを使います。 <A HREF=http://www.goo.ne.jp/><FONT onMouseOver="this.color='red'" onMouseOut="this.color='blue'">goo</FONT></A> redとかblueの代わりに#ff0000とか#0000ffとかの指定も可能です。
お礼
ありがとうございました。 できました。
お礼
ありがとうございました。 できました。