HOME > BOX

BOX

box_004

枠線に見出しを重ねたブロック

ブロックにborderを設定して囲うことはよくあると思います。その枠線に見出しを重ねたようなレイアウト。
 
MORE

box_003

ブロックをボーダーで囲ったり背景色を設定するボックスデザイン

ブロック全体にborderやbackground-colorを設定すると横幅いっぱいのブロックに設定が反映されてしまいます。
任意の幅のボックスに対して設定して、中央配置するにはちょっとCSSに設定が必要です。
 
MORE

box_002

ブロックの背景を斜めのストライプに設定するボックスデザイン

任意の幅で中央に配置したボックスの背景に斜めのストライプをCSSで設定しています。
CSSタブで設定しているので、もちろん簡単に色は変更可能です。
 
MORE

box_001

ブロックをステッチ風のラインで囲ったボックスデザイン

任意の幅で中央に配置したボックスの周囲にステッチ風のラインをCSSで設定しています。
CSSタブで設定しているので、もちろん簡単に色は変更可能です。
 
MORE