http://www.oakis.co.jp/
上記のページのように、HPの中身の部分は1段組のレイアウトにして、その両側の余白のレイアウトに色をつけたいのですが、どのようにすれば実現できるのでしょうか?
今自分で作っているものとしては、<div>でbodyの全体をくくって、スタイルシートで幅を設定して配置を中心にすることで上のページのようなレイアウトにはしているのですが、両側の余白に色のつけ方が分かりません。
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- インテリアコーディネーター 一人暮らし(1DK)のレイアウトで悩んでいます。 2階建てアパートの2階角部屋です。 配置したいもの 1 2023/07/08 06:36
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- 病院・検査 病院のレイアウトについて。 病院を建てる上で、患者を効率よく治療できるようなレイアウトは、どうすれば 3 2023/02/09 20:41
- その他(ソフトウェア) 写真の印刷レイアウトについて 13 2023/05/31 07:20
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- その他(IT・Webサービス) google サイトの目次表示について 1 2023/06/17 23:24
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- Access(アクセス) Access2016のExcelインポートの機能のことで教えてください 1 2022/09/11 14:58
- Illustrator(イラストレーター) カッティングマシーン 余白のカットについて 2 2023/01/11 15:22
- 家具・インテリア 部屋のレイアウトに関する質問です。 3月からこのような間取りの部屋に引っ越す予定です。 この部屋の洋 1 2023/02/19 19:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
ホームページビルダー 空白の...
-
アップロードするサーバーによ...
-
chromeだけbody直下に空白が開く
-
インラインフレームの表示位置...
-
ドリームウィーバーでホームペ...
-
右寄せ表示方法
-
コードを書いて下さい( ; ; )...
-
aタグに直接style=""で:hoverを...
-
ヘッダーの上にほんのわずかに...
-
なぜ左に寄っているの?
-
Formタグのブロックの高さについて
-
pタグによる段落間のアキ調整...
-
線が極端に細いテーブルで、特...
-
CSSで、文字は左寄せにして、文...
-
htmlのタグ間の謎の空白
-
Microsoft1Officeの互換ソフト...
-
パソコンでランドルト環の作成...
-
エクセルでサイズに合ったもの...
-
Excel セルの幅が合わない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
コードを書いて下さい( ; ; )...
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
iPhone用のサイトの文字がずれ...
-
<legend>で表示されるタイトル...
-
Formタグのブロックの高さについて
-
CSSでh1とその下の文字との行間...
-
Dreamweaverで画面サイズを一定...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
text-alignの解除の方法
-
パソコンのみで反映される余白...
-
Firefox 横スクロールバーを表...
おすすめ情報