- ベストアンサー
同ページ内でリンクの文字色を変えたい
1つのページ内で、2種類のリンクの文字のスタイル（ロールオーバー時なども）を設定することはできるでしょうか。よろしくお願いします。
- yuco831325
- お礼率39% (13/33)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
リンクの設定を２種類用意する、ということであれば、スタイルシートでクラスを定義するのが一般的です。 <HTML> <HEAD> <TITLE>２種類のリンク</TITLE> <STYLE type="text/css"><!-- /* Anchor Type 1 */ A.type1 { color: #0000CC; text-decoration: none; } A.type1:hover { color: #CC00CC; text-decoration: underline; } /* Anchor Type 2 */ A.type2 { color: #990000; text-decoration: none; } A.type2:hover { color: #FF3333; text-decoration: underline; } --></STYLE> </HEAD> <BODY> <A class="type1" href="xxx">タイプ１のリンク</A><BR> <A class="type2" href="xxx">タイプ２のリンク</A><BR> </BODY> </HTML> A.type1 への定義（ { } の間に書かれた内容）が、<A class="type1" href="xxx">～</A> に適用されます。 細かい設定などは、下記のサイトで調べるとよいでしょう。 とほほのＷＷＷ入門（参考URL参照） └スタイルシート
その他の回答 (3)
- onimotsu
- ベストアンサー率36% (279/758)
スタイルシートを使ってリンク文字色を変えるには <BODY> <P><A style="color : fuchsia;"***.htm">リンク１</A><BR> <BR> <A style="color : yellow;" href="***.htm">リンク２</A></P> </BODY> その他、下線を消したり、背景色をつけたりすることもできます。
- onimotsu
- ベストアンサー率36% (279/758)
スタイルシートを使用すれば自由にできますね。 具体的にどのようにしたいのか 補足いただければ回答できるかもしれません。 （ちょっと自信なし） JavaScriptを使っても場合によっては できないこともないみたいですが スタイルシートのほうが簡単でしょうね。
- poposan
- ベストアンサー率20% (3/15)
cssの<span class=""> を使えば、出来るのでは？ 確認していないけど
お礼
お返事が遅くなってしまいすみません。 教えていただいたようにやってみたらできました。 ありがとうございます！