Tablet View
features_009
features_009a
SP View
features_009
features_009a
features_009
features_009a
features_009
features_009a
features_009
カラムに背景色を指定し、写真は余白なしで大きく表示
ブロックに対してではなく、カラムに対して背景色を指定したパターン。写真はカラムいっぱいに表示して、文字情報だけを余白があるようにCSSで設定しました。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
features_009a
カラムの四隅を角丸に設定し、合わせて画像の上のみ角丸に設定
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
- カラムに対しては余白ゼロとし、小見出し・本文に対して余白を設定しています。
- カラムに対して背景色を設定しています。
- 角丸の大きさはCSS「border-radius」を変更することで調整できます。
- カラムの背景色はCSS「background-color」で変更できます。
features_009
features_009a
features_009
features_009a