ページ内でリンク色とVリンク色を変えたい場合について

このQ&Aのポイント
  • 同じページ内でリンク色とVリンク色をそれぞれ変えたい場合、bodeタグや個別のリンク色指定ではうまくいきません。
  • bodeタグや個別のリンク色指定を試しましたが、目的の結果を得ることができませんでした。
  • リンク色とVリンク色を個別に変更する方法についてご教示いただけませんか?
回答を見る
  • ベストアンサー

リンク色とVリンク色を同じページ内で変えたい場合

下記のように同じページ内でそれぞれリンク色とVリンク色を替えたいのですが、bodeタグでの指定でも、個別のリンク色指定でもうまくいきません(T_T)。 <a href="***.html>あああああ</a><br> ↑リンク色緑 Vリンク色赤 <a href="***.html>いいいいい</a><br> ↑リンク色オレンジ Vリンク色赤 <a href="***.html>ううううう</a><br> ↑リンク色紫 Vリンク色赤 <a href="***.html>えええええ</a><br> ↑リンク色黄色 Vリンク色赤 どなたかご教示いただけませんでしょうか。 どうぞよろしくお願いいたします。

noname#128272
noname#128272
  • HTML
  • 回答数4
  • ありがとう数5

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

スタイルシートなどでやってはどうでしょうか? <style type="text/css"> a:visited{ color:red; } a:link.g{ color:green; } a:link.o{ color:darkorange; } a:link.p{ color:purple; } a:link.y{ color:yellow; } </style> <a href="***.html" class="g">あああああ</a><br> <a href="***.html" class="o">いいいいい</a><br> <a href="***.html" class="p">ううううう</a><br> <a href="***.html" class="y">えええええ</a><br>

noname#128272
質問者

お礼

ご回答ありがとうございます。 html初心者なので、スタイルシートは使用したことがありませんがこの通りコピペしてやってみました。 思ったように動いてくれました。ヽ(´▽`)/ ただ、、色指定は、font色指定のような16進は使用できないのでしょうか。。

その他の回答 (3)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.4

#3補足です。 >色指定は、font色指定のような16進は使用できないのでしょうか。。 普通にできます。 むしろ色の名前はなるべく使わないほうがいいらしいです。 例) a:visited{ color:#ff0000; }

noname#128272
質問者

お礼

ありがとうございました!! 下記ソースで、やってみます。 <html> <head> <style type="text/css"> a:visited{ color:#ff0000; } a:link.a{ color:#000000; } a:link.b{ color:#00ff00; } a:link.c{ color:#ff6666; } a:link.d{ color:#cc66ff; } </style> </head>

  • old-cars
  • ベストアンサー率27% (3/11)
回答No.2

No.1の補足です。 ・Vリンク色赤は普通にbodyタグで指定してください。 ・<font color="緑">の緑は適当な色を指定してください。

noname#128272
質問者

お礼

早速のご回答ありがとうございます。 ご指摘のようにして検証したのですが、リンクテキストをfontで色指定した場合、bodyタグのVリンク指定が効かなかったので、こちらで質問させていただきました。 bodyタグで指定したVリンク色より、個別のfont色指定の方が、優先されるのでしょうか。。

  • old-cars
  • ベストアンサー率27% (3/11)
回答No.1

<a href="***.html><font color="緑">あああああ</font></a><br> ↑リンク色緑 Vリンク色赤 でどうでしょうか?

関連するQ&A

  • 1ページ内で2種類のリンク文字色を使うには?

    HPリンク文字に関するタグについてご質問です。 通常はA:link{color:red;} A:visited{color:blue;} A:hover{color:green;}などと書きますね。 あるページの特定リンク部分に限って上記三色を違う色(例えば茶色・黄色・紫色など)にしたいのですが、それでも全ページ共通部分のリンク文字では統一した赤・青・緑にしたい、つまり一つのページで二種類のリンク色を使いたいのですが、どのように書けばよいかをご教示下さい。

    • ベストアンサー
    • HTML
  • リンクのタグの事で

    今晩は、質問させていただきます。 パソコンのサイトで、ページをリンクさせたいのですが、 私が使用しているタグを使うと、必ず下線がでて紫色になってしまいます。 下線を無くして色も指定したいのですが、どうすればいいのでしょうか。 教えてください。 説明が不十分でしたら、すみません。 使用タグはこれです→<a href="URL">リンクしたい所の名前</a>

  • リンクしたものを新しいページに出したいのですが。

    掲示板を設置しています。 フレームの大きさを指定して小さくしてあります。 文中に、リンクを張りたいときに、 <a href="★"></a>というタグを入れていますが、 これだと、リンク先に飛んだとき、 小さなフレームの中に出てしまうので、良く見えません。 なので、リンク先を新しいページで出したいのですが、 どういうタグを使えば良いのでしょうか。 教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • あの色といえばコレ!

    次の色で連想してください (1)赤 (2)青 (3)黄色 (4)ピンク (5)水色 (6)緑 (7)黄緑 (8)オレンジ (9)黒 (10)紫 (11)白 (12)茶色 できれば食べ物以外でお願いしますm(_ _)m ひとつだけでもいいです^^

  • 「緑色」や「紫色」の恒星がないのは何故?

    天気の良い日、夜空を見上げると満天の星が綺麗ですね。 恒星は一見、どれも白く輝いているように見えますが、よく見ると赤味を帯びていたり、 青味が強かったり、黄色っぽかったり。 しかし… 「緑」や「紫」はないようです。 虹の七色は(赤・橙・黄・緑・青・藍・紫)ですよね。 でも、恒星のスペクトル型を見ると、 O(青)、B(青白)、A(白)、F(淡黄)、G(黄)、K(橙)、M(赤) で、やはり緑や紫はありません。 緑色や紫色に光る恒星が存在しない「理由」を教えてください。

  • 赤・青・黄色を混ぜ合わせて別の色が作りたい

    お世話になります。 厳密には、これに緑とピンクもあります。 この5色に加えて、白と黒から、出来る色と組み合わせを教えてください。 娘の夏休みの工作に、砂絵をしようと思い、白砂と染料のセットを購入したのですが、すっかり他の色の作り方を忘れていました。 思い出したのは、 赤+青=紫 赤+黄=オレンジ くらいなもので、結構困っています。 よろしくお願いします。

  • ホームページ上のリンク文字の色を変える方法

    以前に同じ質問内容が掲載されておりましたので(http://oshiete1.goo.ne.jp/kotaeru.php3?q=169797)、ご回答の通り設定をしたのですが結果がうまくいきません。どなたか、原因を教えて下さい。前回質問者と同様ホームページビルダーV6.5を使用しております。 ・・・・・・・・・・・・・・・・・・・・・・ 【ページ編集】タグにリンクする文字を黒で入力しました。 リンク設定後【ページ編集】タグの色が黒から青にかわり【プレビュ】タグでは「紫」が表示されていました。 私の色の希望はリンク文字は黒、ポインタが触れると赤です。 ここで【HTMLソース】タグの</TITLE>の後に以下を貼り付けました。 <STYLE TYPE="text/css"> <!-- A:link { color: #000000;} A:hover { color: red;} --> </STYLE> その結果、【ページ編集】タグのリンク文字は黒だったのですが、肝心の【プレビュ】タグを見ると、リンク文字は「紫」ポイントすると「赤」です。 他の色で試してみたのですが【プレビュ】タグを見ると、リンク文字は「紫」を表示します。 長々な質問内で申し訳ございませんが、この原因をどなたか教えてください。 よろしくお願いします。

  • リンクの文字の色

    リンクを張った文字の色をインラインで変えるタグに直してください。 <a href="http://www.aa.com">aa</a>

    • ベストアンサー
    • HTML
  • 選択リンクの色が変わらない

    ホームページビルダーでHPを作っています。 ページのプロパティで設定した、既読リンク(赤)選択リンク(黄色)の色を指定しています。 1.トップページの項目を選択します(色は黄色になる) 2.そのリンクのページに飛んでから、自分で置いた「ホームに戻る」ボタンを押しトップに戻る。 3.トップで選択した項目の色が、選択色(黄色)になっていない。 ※黄色になるリンクも1個だけある。 2.で「ホームに戻る」ボタンを使わず、Exploreも「進む」「戻る」ボタンで帰った時は黄色になっている。 既読リンク(赤)は正常です。 今日、突然この症状になってしまいました。昨日まではなんともなかったのに。 ためしに、隣部屋のPCで自分のサイトを閲覧しまいたが、おなじです。 どなたか教えて下さい。

  • ぼくらの太陽

    「ぼくらの太陽」の暗黒城9階で赤・黄・青の数を入力するのですが、パネルをみても全然謎が解けません。 誰か教えて下さい。 <元>  □□ □□ □  □  □ □  □  □  □□ □□  ■■ □□ □  □  □  赤色 □  □  □  □□ □□  □□ □□ □  ■  □  黒色 □  ■  □  □□ □□  □□ □□ ■  □  ■  オレンジ色 ■  □  ■  □□ □□  □□ ■■ □  □  □  緑色 □  □  □  ■■ □□  □□ □□ □  □  □  紫色 □  □  □  □□ ■■ となっているところです。 赤・黄・青の数がわかりません。 (※黒-赤黄青、緑-黄青、オレンジ-赤黄、紫-赤青)

専門家に質問してみよう