- ベストアンサー
リンクボタン等の文字色の変更
<body bgcolor="#" text="#" link="#" vlink="#" alink="#"> 上記はページ全体についての設定に使うHTMLだと思うのですが、一つのページ内で上記の設定を変更し、場所ごとに色の表示を変えたいのですが可能でしょうか。 よろしくお願いいたします。 ちなみに<BODY></BODY>の中を二つの領域に分けることなんてできないですよね。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
＃４です。 たしかに、背景色に関しては、そういう問題が発生しますね。 私が示した方法は、例えるなら、白い紙の上に（これがページ全体を表す）、 文章が書かれた別の色の紙（<p>～</p>の間）を置くようなもので、 通常は、上下左右に隙間が開くようになっています。 それで、解決方法なんですが、申し訳ないですが私には思いつきません。 背景色が完全に途中から変わるようなデザイン、というのも、ほとんど見かけないですし・・・ style2との隙間をなくすだけなら、 .style1,.style2{ margin : 0px; } を</style>の前に付け加えれば、できるかもしれません。 ＞どのような方法で解決できるのかをひも解けるHP 残念ながら、そういった便利なサイトは知りません。（ある、とは思います） ご自分で勉強なさるのが確実ではあるんです、けどね(^^ヾ 参考までに、私が主に、スタイルシートの勉強のために使っているサイトを挙げておきます。
その他の回答 (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)
再度＃１です 失礼致しました、そういう事でしたか 直前で <blockquote> <body bgcolor="#" text="#" link="#" vlink="#" alink="#"> 文字列 </blockquote> 駄目ですかネ？
<body bgcolor="#" text="#" link="#" vlink="#" alink="#"> これを設定した場合は スタイルシートを使用してみれば。 例えば <A href="***.htm" style="color : lime;">リンク文字</A>
お礼
早速ありがとうございます。 私、プログラム関係は素人なのでちょっと理解できませんでした。 勉強してみます。
- soluble
- ベストアンサー率5% (1/18)
一番簡単な方法は、目的の文字列の直前で <font color="#">文字列</font> です
お礼
style2との隙間、みごとに解決しました。周りの隙間もマージンの設定で無くせるかも？ 参考サイトも活用させて頂きます。度々ありがとうございました。