- ベストアンサー
リンクボタン等の文字色の変更
<body bgcolor="#" text="#" link="#" vlink="#" alink="#"> 上記はページ全体についての設定に使うHTMLだと思うのですが、一つのページ内で上記の設定を変更し、場所ごとに色の表示を変えたいのですが可能でしょうか。 よろしくお願いいたします。 ちなみに<BODY></BODY>の中を二つの領域に分けることなんてできないですよね。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (5)
- selene_pl
- ベストアンサー率49% (102/207)
スタイルシートを使うのが、素直でしょうか。 少々ややこしいですけど。 <style type="text/css"> /* ひとつめのスタイル */ .style1{ background-color : #ffffff; color : #000000; } .style1 a:link{ color : #ff0000; } .style1 a:visited{ color : #ffff00; } .style1 a:active{ color : #ff00ff; } /* ふたつめのスタイル */ .style2{ background-color : #000000; color : #ffffff; } .style2 a:link{ color : #0000ff; } .style2 a:visited{ color : #00ff00; } .style2 a:active{ color : #00ffff; } </style> これを、<head>～</head>の中に入れます。 ここで、background-color、color、a:link、a:visited、a:activeのところにそれぞれ、 bgcolor、text、link、vlink、alinkで使う色を書きます。 そして、body内を以下のようにします。 <body> <p class="style1"> この部分が、ひとつめのスタイルで指定した色になります。 </p> <p class="style2"> この部分が、ふたつめのスタイルで指定した色になります。 </p> </body> これが面倒そうなら、#2さんの方法が、簡単ではあります。 ただその場合、常に同じ色になり、vlinkなどの表現は難しくなります。
お礼
ご回答ありがとうございます。 私、プログラム関係は知識が浅いのですが、何となく内容を想像できました。＃２さんの物の方が見当が付きませんでした。勉強してみようと思います。 つきましては、やりたいことが今回の回答のように、どのような方法で解決できるのかをひも解けるHPがあると助かるのですが御存知ないでしょうか。再度よろしくお願いいたします。
補足
早速 .style1{ background-color : #; color : #; } を試してみました。 私の環境では、純粋なバックグラウンドにはならず、周りが白く抜けてしまいます。style2との境界も抜けてしまいます。改善できるのでしょうか。 当方 Mac+IE 5.1です。
- soluble
- ベストアンサー率5% (1/18)
<body bgcolor="#" text="#" link="#" vlink="#" alink="#"> これを設定した場合は スタイルシートを使用してみれば。 例えば <A href="***.htm" style="color : lime;">リンク文字</A>
お礼
早速ありがとうございます。 私、プログラム関係は素人なのでちょっと理解できませんでした。 勉強してみます。
- soluble
- ベストアンサー率5% (1/18)
お礼
style2との隙間、みごとに解決しました。周りの隙間もマージンの設定で無くせるかも？ 参考サイトも活用させて頂きます。度々ありがとうございました。