ＣＳＳを使った基本デザイン

WordPerss > Photo Gallery

０６　横幅と配置のアレンジ

Ｗｅｂページのレイアウトを調整するには、コンテンツの横幅と配置のアレンジが必要になります。
横幅を短くしてページの中央に配置したり、コンテンツの間隔を調整するなどして、
ページのレイアウトのバランスを調整していきます。

ＣＯＮＴＥＮＴＳ　※ブラウザのソースで確認してください

（１）コンテンツの横幅を指定する　width
- ･Ｗｅｂページに表示できる画像
（２）文字や画像を中央揃えで表示する　text-alibn　
- ･デジタルカメラで撮った画像をＷｅｂページに表示
（３）段落などを画面の中央に配置する　margin-left,margin-right,text-align,line-height
- ･タイトル画像に置換えて表示
（４）コンテンツの間隔を調整する　margin-top,margin-bottom,width
- ･ページの背景に画像を表示