appeal_011

カラム背景いっぱいに画像を入れて、もう一方のカラムに余白を設けて文字情報

 
ウィンドウ幅いっぱいに使った時のポピュラーなレイアウト。一方のカラムには背景に画像を指定し、見出しを載せます。もう一方のカラムにはゆとりある余白を設けて文字情報を入れるというパターン。
ブロックを繰り返す時、画像の位置が互い違いになるように、反転のバリエーションとセットになります。

文字のカラムは「ブロック内コンテンツの横幅」よりも広がらない設定があり、余白をたっぷりと設定したほうが雰囲気がいいですが、タブレットでの表示をある程度考慮すると、文字数との兼ね合いによる調整が必要になります。
カラムに対して指定する背景画像は、CSSでの指定となります。