- 締切済み
背景画像を画面の幅100％で表示させたい
ホームページを作成しています。 全体的に、文章や画像の表示はセンタリングし、左右の画面余白部分に薄い色をつけたいと思っていますが、どのようにしたらいいのか悩んでいます。 左右に色をつけ、中央を白くした画像を画面100％に表示させられれば・・と思うのですが、CSS・HTMLで具体的にどのように指示すればよいでしょうか？
- patthai
- お礼率46% (78/167)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- circuit
- ベストアンサー率72% (13/18)
背景に色をつけて、文章の部分だけ背景を白にしてしまう方法もあります。 センタリングをどのように行っているのかわかりませんが、centerタグ及びdivタグを使った場合は以下のようになります。 <body bgcolor="black"> <center style="background-color: white"> 文章１ </center> <div align="center"> <div style="background-color: white"> 文章２ </div> </div> </body> 例えばコレに、CSSで width なんかを付け足してやれば、中央部分の幅を固定することができます。 参考URL：HTMLクイックリファレンス HTMLタグやCSSのリファレンスがあります。
- 参考URL：
- http://www.htmq.com/
- pasocom
- ベストアンサー率41% (3584/8637)
tableタグを使って、左右のｔｄについては「bgcolor」で背景色を指定し、中央部分は白色とすればいい。 table全体はwidth=100％としておけば、そのような画面環境でも、画面いっぱいになり、左右だけ色つきになるでしょう。
お礼
ご回答ありがとうございます。 なるほど、そうゆう工夫をしないとだめなんですね。 中央に配置するなんて、もっと簡単にできるもんだと思っていたら、意外と難しいものなんですね。 では、やってみたいと思いますが・・ 左端のｔｄに色、中央の部分は白、で、今まで入力した内容を全部そこに盛り込み、右のｔｄにも色、という形に作成すれば良いですよね？とりあえず挑戦してみます。
お礼
へー、なるほど！ 参考URLの方も勉強になりそうですね。ありがとうございました。 とりあえず今回はTABLEのTD使用で対応ができました。 今回のアドバイスはプリントして何かのときに役立てたいと思います(^o^)！