• ベストアンサー

同ページ内でリンクの色を変えたい…

こんにちわ。suzuと申します。 リンク先の色の指定について質問です。 普通なら<body bgcolor="#ffffff" text="#000000" link="#0066ff" vlink="#036095" alink="#0066ff"> で良いと思うのですが、 同じページ内でリンク先の色を変える事って出来るのでしょうか? 例えば、 ●このテーブル内のリンクのみ、この色。 ●このリンクのみ、この色。 とか…。。 どうぞ、宜しくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
  • xruz
  • ベストアンサー率50% (72/143)
回答No.2

こんにちはsuzu-yoさん、xruzです。 <html> <head> <title></title> </head> <style> A.aa {color:green}; A.ab {color:red}; </style> <body> <a href="www.yyy.ne.jp">yyyyyyyyy</a><br> <a href="www.ggg.ne.jp" class="aa">ggggggggg</a><br> <a href="www.nnn.ne.jp" class="ab">bbbbbbbbb</a><br> <a href="www.aaa.ne.jp" class="aa">aaaaaaaaa</a><br> <a href="www.fff.ne.jp" class="ab">fffffffff</a><br> </body> </html> こんな感じでよかったでしょうか。 がんばってくださいね(~:~i

suzu-yo
質問者

お礼

返信ありがとうございます。 CSSを使えば可能だったのですね。 もっと勉強致します。(><;;)>" MacのIE5.0 NN3.7で確認した所、綺麗に動いていました。 ありがとうございました。

その他の回答 (2)

  • Adams2001
  • ベストアンサー率67% (70/103)
回答No.3

スタイルシートを使えば可能です。スタイルシートだと色以外の表現(下線の有無、文字の大きさ・・・)も変えられますが、とりあえず色だけ変えるサンプルです。 <HTML> <HEAD> <TITLE>リンクの色の変更サンプル</TITLE> <STYLE TYPE="text/css"> <!-- a:link {color:#0000FF} a:visited {color:#FF0000} a:active {color:#00FF00} a:hover {color:#00FFFF} table a:link {color:#8888FF} table a:visited {color:#FF8888} table a:active {color:#88FF88} table a:hover {color:#88FFFF} a.User1:link {color:#AAAAFF} a.User1:visited {color:#FFAAAA} a.User1:active {color:#AAFFAA} a.User1:hover {color:#AAFFFF} --> </STYLE> </HEAD> <BODY> <P>通常の<A href="http://www.okweb.ne.jp">リンク</A>の色です。</P> <TABLE> <TR> <TD>文脈セレクタで表内の<A href="http://www.okweb.ne.jp">リンク</A>の色を変えています。</TD> </TR> </TABLE> <P>クラスを使って<A href="http://www.okweb.ne.jp" class="User1">リンク</A>の色を変えてます。</P> </BODY> </HTML> a:link がlink=""に相当(未訪問リンク)、 a:visited がvlink=""に相当(訪問済みリンク)、 a:active がalink=""に相当(動作中のリンク)、 a:hover はマウスカーソルがリンクに重なっている時だけ有効 この書き方だとページ内のリンク全てに適用されます。 表(TABLE)の中だけに適用したい場合は文脈セレクタを使います。 table a:link {スタイル} と書くと表の中のリンク(a:link)だけが指定したスタイルになります。表の外のリンクには影響を与えません。 特定のリンクに違うスタイルを指定するにはIDがクラスを使いますが、同じスタイルを持つリンクがいくつかある場合はクラスを使うといいでしょう。 a.クラス名:link {スタイル} と書くと、class="クラス名"という属性を持つリンク(a:link)だけが指定したスタイルになります。例ではUser1というクラス名を与えていますが、クラス名は自由につけられます。

suzu-yo
質問者

お礼

返信ありがとうございます。 テーブルの中と、個別に指定するやり方を教えて頂きましてありがとうございます。カーソルを合わせると色が変わる様になっていたので凄い使いやすかったです。 只所でMacのIE5.0とNN3.7見え方が変わりました…。 IE5.0の方ではlink色がFF8888?(ピンク系)で、 NN3.7の方ではlink色が0000FF?(青系)でした。 何処かでその様な指定をしてるのでしょうか? 勉強不足でちょっと良くわかりませんでした。。 でもCSSの指定の仕方が判りました。教えて頂きましてありがとうございます。 今後とも御指導宜しくお願いいたします。

  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.1

<a href="http://www.******"><font color="#00ff66">リンク先</font></a> のように、リンクタグの内側にFONTタグを入れ子して強制的に色を変えるんではダメでしょうか? テーブル内だけの変更とかなら、CSSを使えばもうちょっとエレガントにできるかもしれませんが…。

suzu-yo
質問者

お礼

返信ありがとうございます。 教えて頂いた方法をMacのNN4.7とIE5.0で試してみた所、出来ました! 凄い盲点でした!! HTMLの組み方を考え直そうか…と思ってしまうやり方ですね。 凄い参考になりました。 ありがとうございました。

関連するQ&A

  • 外部CSS。ページ全体の背景色や文字色を変えたい。

    これまでは各ページごとに、このようなタグをかいていました。 <BODY bgcolor="#ffffff" text="#000000" link="#000000" vlink="#000000" alink="#000000"> ページ全体の「背景色」「テキスト色」「リンク色」「既読リンク色」「選択中リンク色」です。 だけどこれからは、外部CSSで同じことを指定するようにしたいです。 ですが、調べてもなかなか明確なタグが分かりません。 宜しければ教えて下さい。

  • リンクのターゲット

    htmlを使ってホームページ作成を目指しています。 フレームページにして、topのリンクをクリックすればconに表示されるようにしたいのですが、どうしても別ウインドウで表示されてしまいます。 どこがいけないのでしょうか? どなたかご教授、お願いします。 <HTML> <body> <HEAD> <TITLE>***</TITLE> </HEAD> <frameset cols='15%,*'> <frame src='top' name='top' scrolling='no'> <frame src='con' name='con' scrolling='auto'> </frameset><NOFRAMES> フレーム対応のブラウザでご覧下さい。 </NOFRAMES> </FRAMESET> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <a target="_con" href="hajimeni.html">はじめに</a> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <center> 今から更新</center> </body> </HTML>

    • ベストアンサー
    • HTML
  • 開いているページのリンクの色の指定

    HPの初心者です。 <body link="blue" alink="red" vlink="blue">としていますが、 リンク先ページが開いている間、そのページのリンクの色を"red" のままにしておきたいのですが、どのようにするのでしょうか? お分かりの方、教えて下さい。

  • リンクの下線の色を変えると下線が下付きになってしまいます。

    リンクの下線の色を変えると 下線が下付きになってしまうのですが 間隔を、色を変更する前と同じにするには どうしたらよいのでしょうか。 よろしくお願いいたします。 <body link="#ff99ff" vlink="#ff99ff" alink="#ff99ff"> <a href="" style="border-bottom: 1px #999999 solid;text-decoration:none;">説明(1)<br>説明(2)</a><br><br> <body link="#ff99ff" vlink="#ff99ff" alink="#ff99ff"> <a href="">説明(1)<br>説明(2)</a></div>

    • ベストアンサー
    • HTML
  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色(青)になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 (powermacG4/OS9/IE5/NN4.7/Jedit4.0)

    • ベストアンサー
    • HTML
  • リンクボタン等の文字色の変更

    <body bgcolor="#" text="#" link="#" vlink="#" alink="#"> 上記はページ全体についての設定に使うHTMLだと思うのですが、一つのページ内で上記の設定を変更し、場所ごとに色の表示を変えたいのですが可能でしょうか。 よろしくお願いいたします。 ちなみに<BODY></BODY>の中を二つの領域に分けることなんてできないですよね。

    • ベストアンサー
    • HTML
  • タグ リンクに複数の色を付けるには?

    例えば文章のリンク色を link="gold" alink="white" vlink="red" にして、画像の(周りの)リンク色を link="white" alink="white" vlink="white" のように別々のリンク色を使いたいときはどうすればいいのでしょうか?

  • リンク線の色を変える

    BODYタグにvlink、alink、linkプロパティを設定しておけばページ全体の リンクの線色を変える事が可能ですが。 ページ全体じゃなく、ある一部分のリンクの線色を変えるという事は可能でしょうか? もし可能でしたらその方法を教えてください。 宜しくお願い

    • ベストアンサー
    • HTML
  • リストマークのカラー変更について教えて下さい

    こんにちは。困っています。 <ul><li><B><FONT size="-1" bgcolor="#808080" link="#ffffff" vlink="#ffff00" alink="#FF8000">○○○</FONT></B></ul> というタグで、 ○○○はそちらに記載されている通りの色に変化したのですが、 箇条書きの「●」の方が黒丸のままなんです。 ここの色を変化させるにはどうしたらよいのでしょうか。 <li>タグに bgcolor="#808080" link="#ffffff" vlink="#ffff00" alink="#FF8000"を付け加えましたがなんの変化もありませんでした。 タグに詳しい方、どうぞ宜しくお願い致します。 ちなみにビルダー10使用しております。

  • HPBのリンクの文字色の質問です

    ホームページビルダーv14でホームページを作成しています <body bgcolor="#ffffcc" text="#336633" link="#ff0000" vlink="#990000" alink="#0000ff" background="image/y1b.gif"> を設定しましたが インターネットでページを開いたとき #ff0000が反映されておらず #990000が反映されています これはどこいらへんに問題があるのでしょうか 実際面では取り立てて不都合はありませんが 今後の為にも原因を把握しておきたくよろしくお願いします

専門家に質問してみよう