サイトをリニューアルしました。メンバー登録をしなくてもプラグインはご使用いただけます。

約30種類の装飾ボックス一覧

パパッくまのアイコン画像パパッくま

ボックスは情報を整理するときに使う重要な装飾になります。使い方の動画は下記をご覧ください!

もくじ

boxスタイル1(線枠 グレー)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル2(点線枠 グレー)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル3(線枠 メイン色)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル4(点線枠 メイン色)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル5(背景 メイン色)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル6(背景 薄メイン色)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル7(背景 グレー)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル8(背景 ストライプ)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル9(注釈エリア)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル10(かぎ括弧)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル11(かぎ括弧 大)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル12(窪み)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル13(浮き出し)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル14(左に縦線)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル15(付箋)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル16(吹き出し)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル17(吹き出し2)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル18(Good)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル19(Bad)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル20(インフォ)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル21(アナウンス)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル22(えんぴつ)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル23(書籍)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル24(ポイント)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル25(チェック)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル26(バツ印)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル27(はてな)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル28(アラート)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

boxスタイル29(メモ)

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

番外編 キャプション付きブロック

SWELLブロックに「キャプション付きブロック」があります。

デフォルト

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

枠上

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

枠上2

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

枠内

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

浮き出し

題名

SWELLではこんなboxスタイルも簡単に呼び出せます。しかも、ややこしい設定や難しいCSSなどは使いません。クリック1つで変化させます!

キャプション付きブロック 応用編

キャプション
  1. SWELLではこんなboxスタイルも簡単に呼び出せます
  2. ややこしい設定や難しいCSSなどは使いません
  3. クリックのみの簡単設定です!

この記事が気に入ったら
フォローしてね!

もくじ
閉じる