- 締切済み
HP製作でリンクについて
カーソルが文字の上に乗った状態の設定はa:hoverでやりますが、 例えば 「Ａ」の文字に乗ってる時は青、 「Ｂ」の文字に乗ってる時は赤というふうに変えたい時はどうすればよろしいですか？ ＩＤとかクラスを使うのでしょうか？うまくいかないのでアドバイスお願いします。 ちなみにＤＲＥＡＭＷＥＡＶＥＲ８を使っています。
- グラフィックソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- EnHiro
- ベストアンサー率100% (2/2)
HTMLのヘッダ内に。 ----------------------------------------------- <HEAD> <title></title> <meta・・・など> <STYLE TYPE="text/css"> <!-- a.aaa:hover { color: #0000FF; } a.bbb:hover { color: #FF0000; }--> </STYLE> </HEAD> <body> <a href="a.html" class="aaa">A</a> <a href="b.html" class="bbb">B</a> </body> ----------------------------------------------- 他にも別ファイル.cssを立てる方法もあります。
- nachi_t
- ベストアンサー率66% (10/15)
下記で如何でしょうか。 ※クラスを使っています。 ●スタイルシート a.aaa:hover { color: #0000FF; } a.bbb:hover { color: #FF0000; } ●HTML <a href="a.html" class="aaa">A</a> <a href="b.html" class="bbb">B</a>
お礼
ご返答ありがとうございます。 a.aaa:hover { color: #0000FF; } a.bbb:hover { color: #FF0000; } これってどう登録するのか書き方がよく分からないのですが・・・。
関連するQ&A
- CSS：リンクにカーソルを合わせたときに文字の色が変わらない
CSSでリンクする文字をカーソルが上に乗ったとき、文字の色を赤、下線を無くすようにしようと思ったのですが、下線部は消えるのですが文字が赤くなりません。 これを解決する方法はないでしょうか？ a:hover {color: red; text-decoration: none} 回答よろしくお願いします。
- ベストアンサー
- HTML
- ＨＰでリンクの時の下線を表示しない方法を教えてください。
Dreamweaver4を使っています。 リンクの時の下線を表示しない方法を教えてください。 １ページだけ、使いたいのです。 タイルシートのCSSセレクタと擬似クラスの使用を使って出来ると本に書いてありましたが、やり方がわかりません。 a:hoverでリンクの色を変えるところはわかったのですが、リンクの下線の設定のあるところはわかりませんでした。 htmlの知識も乏しいのですが、ソースのunderlineのところをさわったりしても、出来ませんでした。 宜しくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- スタイルシート上でリンク文字色の設定
○スタイルシート 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> すごく基本的な質問です。 スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。 上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。 ちなみに赤、青といった色指定の部分は、簡単になるように「#～」ではなくああいう風に書いています。 めんどうでしたら、色指定の部分は空白でかまいません。 正しい書き方を教えてもらえないでしょうか。
- ベストアンサー
- HTML
- ホームページビルダー１０ スタイルシート
ホームページビルダー１０ スタイルシートで、 リンクの入った文字を、カーソルを上にすると、色が変わる（ＨＯＶＥＲ）非表示のリンク（LINK)表示のリンク（VISITED)があり、リンクの文字の色を変えることができますが、設定すると、そのページのリンクの文字がすべて同じ設定になってしまいます。 例えば、ある文字は HOVERは赤 LINKは白 VISITEDは緑 同ページのほかの文字はHOVERは黒 LINKは黄 VISITEDは青 のように個別に設定したいのですが、 よくわかりません。classを使って、できるというようなことが書いてありますが、よく設定の仕方がわかりません。ご教授お願いいたします。
- 締切済み
- ホームページ作成ソフト
- リンクの文字色を別々に指定したい（オンマウスで変わるタグ）
メモ帳でＨＰをちまちま作ってたのですが、ちょっと困ったことが出てきたので質問させて下さい。 同じページのリンクの文字色を一括で変更するのは… <style type="text/css"> <!-- a:link { color: maroon } a:visited { color: maroon } a:hover { color: white } a:active { color: black } --> a { text-decoration: none; } </style> ですよね。 それと個別に変更するのが… <body link="maroon" vlink="black" hover="white" alink="maroon"> </body> なんですが、個別設定でカーソルをのせた時色が変わるタグがどうしても分かりません。 上の設定を踏まえた上で、オンマウスで色が変わるタグを教えて下さい。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- 個別にリンクの色を変える方法
リンクの色を個別に変える方法はありますか？ 私が作成したWebサイトでは。現在、リンクの色は青で統一しておりますが、数か所のリンクだけグレーにしたいと思っております。 現状のスタイルシートは次のようになっております。 a:link { text-decoration: none; color: #2b50bc; } a:hover{ text-decoration: none; text-decoration:underline; } a:visited { text-decoration: none; color: #2b50bc; } 上記のように記述し、全てのリンクは青に統一されております。 そこで、HTMLファイルのリンクをグレーにしたい単語にアンカーとクラスまたはIDを付けて、スタイルシートでそのクラスまたはIDのcolorをグレーにしてみましたが、リンクの色は青のままでした。 どのようにすれば、個別にリンクの色を変えることができるのでしょうか？
- ベストアンサー
- CSS
- リンクの上にマウスカーソルをあわせると文字が浮き上がるように、、、
おせわになります。 アンカーでリンクを指定し、その上にカーソルを合わせると 文字列が浮き上がるようにしたいのですが hoverを使えばよいのでしょうか? 初心者なのでなかなかうまくいきません。。 よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSでのリンク色の変更で
HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを２つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします
- ベストアンサー
- HTML
- Dreamweaverで2種類のlink設定（色など）をする方法を教えて下さい
Dreamweaver MX 2004を使ってますが、 例えば、同じページで、a:link a:visited a:hoverなどをCSSで設定する場合、 その色・設定項目は、一種類しか設定できません。 この、a:link a:visited a:hoverなどを、もう一種類（例えば別の色とか） 違う設定をする方法が分かりません。 とても簡単な様で、なぜか昔から分かりません。（汗） CSSを使っても使わなくても良いのですが、 どなたか、a:link a:visited a:hoverを複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ＨＰの画像について。
ＨＰ上にある、画像についてなんですけど、 画像Ａとリンク文字Ｂがあったとします。 Ｂの上にカーソルを持って行っただけでＡが違う画像に 変わる・・・っていうのをあるＨＰで見たんですけど、 どうやってするんですか？ とってもわかりにくい説明ですいません。
- 締切済み
- HTML
お礼
返信遅れてすいません ありがとうございました