features_009

ダウンロード（会員限定）

カラムに背景色を指定し、写真は余白なしで大きく表示

ブロックに対してではなく、カラムに対して背景色を指定したパターン。写真はカラムいっぱいに表示して、文字情報だけを余白があるようにCSSで設定しました。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

features_009a

カラムの四隅を角丸に設定し、合わせて画像の上のみ角丸に設定

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

カラムに対しては余白ゼロとし、小見出し・本文に対して余白を設定しています。
カラムに対して背景色を設定しています。
角丸の大きさはCSS「border-radius」を変更することで調整できます。
カラムの背景色はCSS「background-color」で変更できます。

Tablet View

features_009

features_009a

SP View

features_009

features_009a