Simple box
シンプルなボックス
ここにテキストが入ります。
ここにテキストが入ります。
タイトル
ここにテキストが入ります。
タイトル
ここにテキストが入ります。
タイトル
ここにテキストが入ります。
タイトル
ここにテキストが入ります。
タイトル
ここにテキストが入ります。
ここにテキストが入ります。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。
Blog box
ブログで使えるボックス
メモアイコン付きの小さいボックスです。
チェックアイコン付きの小さいボックスです。
注意アイコン付きの小さいボックスです。
タイトル
メモアイコン付きの大きいボックス。補足や詳細な説明をする時におすすめです。
タイトル
チェックアイコン付きの大きいボックス。章末にまとめとして使うのがおすすめです。
タイトル
注意アイコン付きの大きいボックス。赤系の色にするのがおすすめです。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。
Other box
その他のボックス
チェック柄のボックス。可愛い系のサイトはもちろんのこと、基調色を落ち着いた色にすることで意外とどんなサイトともマッチします。
紙をめくったように見えるボックス。非対称的でシンプルなワンポイントの可愛さを加えたデザインとなっています。
タイトル
タイトルをテープ風にしたボックス。立体的にすることで、可愛らしさがありながらかなり目立つデザインになっています。
右上にクリップ風の装飾をしたボックス。ボックス・クリップ両方に影を付けることで、よりリアリティを出しています。
ウィンドウ風のボックス。Webサイトのキャプチャやソースコードなどを囲むのにおすすめです。
背景を方眼紙風にしたボックス。かわいい系のサイトと相性が良く、背景が白以外の箇所で利用するとより効果的です。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。