アメブロカスタマイズ枠囲み オシャレな大人カラー
・丸みがあるものは優しい雰囲気。
・角がキリっとしているのはきちんとした感じ。
・中に色がついているもの、付いていないもの。
・タイトルを入れる場所があるもの（記事下のメニューにオススメ）
・ご自分のテーマカラー、サブカラーに合ったものを 使ってください。
・色を自分で変更することも可能です。 参考https://www.colordic.org/
アメブロカスタマイズ 丸みのある枠囲み
①ローズ・背景色あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #e95464; border: #e95464 solid 1px; line-height: 2.5; margin: 3px;padding: 0.5em 1.5em; background: #fff2e6; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。<span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
②ローズ・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #e95464; border: #e95464 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
③ピンク・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #f291b5; border: #f291b5 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #fceff4; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
④ピンク・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #f291b5; border: #f291b5 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑤菜の花イエロー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #ffd62e; border: #ffd62e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffde; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑥菜の花イエロー・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #ffd62e; border: #ffd62e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑦カフェブラウン・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #bf964b; border: #bf964b solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f9f3e6; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑧カフェブラウン・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #bf964b; border: #bf964b solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑨シーグリーン・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #1fa68d; border: #1fa68d solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #def4ec; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑩シーグリーン・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #1fa68d; border: #1fa68d solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑪オリーブグリーン・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #87bf4e; border: #87bf4e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f4fbd9; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑫オリーブグリーン・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #87bf4e; border: #87bf4e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑬ロイヤルブルー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #5b8fde; border: #5b8fde solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f9fcff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑭ロイヤルブルー・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #5b8fde; border: #5b8fde solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑮ミッドナイトブルー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #191970; border: #191970 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f8f8ff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑯ミッドナイトブルー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #191970; border: #191970 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑰ラベンダー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #8b73bf; border: #8b73bf solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #efe2fb; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑱ラベンダー・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #8b73bf; border: #8b73bf solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑲こっくりグレー・背景あり・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #717b84; border: #717b84 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ececec; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑳こっくりグレー・背景なし・角まるみ
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #717b84; border: #717b84 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0.35em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
アメブロカスタマイズ キリっとした枠囲み
①ローズ・背景色あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #e95464; border: #e95464 solid 1px; line-height: 2.5; margin: 3px;padding: 0.5em 1.5em; background: #fff2e6; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。<span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
②ローズ・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #e95464; border: #e95464 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
③ピンク・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #f291b5; border: #f291b5 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #fceff4; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
④ピンク・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #f291b5; border: #f291b5 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑤菜の花イエロー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #ffd62e; border: #ffd62e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffde; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑥菜の花イエロー・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #ffd62e; border: #ffd62e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑦カフェブラウン・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #bf964b; border: #bf964b solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f9f3e6; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑧カフェブラウン・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #bf964b; border: #bf964b solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑨シーグリーン・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #1fa68d; border: #1fa68d solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #def4ec; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑩シーグリーン・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #1fa68d; border: #1fa68d solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑪オリーブグリーン・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #87bf4e; border: #87bf4e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f4fbd9; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑫オリーブグリーン・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #87bf4e; border: #87bf4e solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑬ロイヤルブルー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #5b8fde; border: #5b8fde solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f9fcff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑭ロイヤルブルー・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #5b8fde; border: #5b8fde solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑮ミッドナイトブルー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #191970; border: #191970 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #f8f8ff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑯ミッドナイトブルー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #191970; border: #191970 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑰ラベンダー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #8b73bf; border: #8b73bf solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #efe2fb; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑱ラベンダー・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #8b73bf; border: #8b73bf solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑲こっくりグレー・背景あり・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #717b84; border: #717b84 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ececec; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
⑳こっくりグレー・背景なし・きりっとした角
本文をここに入れてください。 改行したい時は「Shift Enter」です。
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<p style="color: #717b84; border: #717b84 solid 1px; line-height: 2.5; margin: 3px; padding: 0.5em 1.5em; background: #ffffff; border-radius: 0em; font-size: 1.1em;">
本文をここに入れてください。 <span style="color: #808080;">改行したい時は「Shift Enter」です。</span></p>
[/su_box]
アメブロカスタマイズ タイトルを入れる場所があるもの（記事下のメニューにオススメ）
①ライトブルー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #808080;background:#b0e0e6; border:1px solid #b0e0e6; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #b0e0e6; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
②コーラルピンク・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#ff8080; border:1px solid #ff8080; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #ff8080; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
③ラベンダー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#db7093; border:1px solid #db7093; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #db7093; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
④アクアマリン・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#66cdaa; border:1px solid #66cdaa; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #66cdaa; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑤ヒアシンスブルー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#7a99cf; border:1px solid #7a99cf; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #7a99cf; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑥ロイヤルブルー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#4169e1; border:1px solid #4169e1; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #4169e1; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑦ゴールド調・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#bfa469; border:1px solid #bfa469; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #bfa469; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑧こっくりグレー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#708090; border:1px solid #708090; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #708090; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑨しっかりグレー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#595857; border:1px solid #595857; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #595857; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑩菜の花イエロー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #595857;background:#ffec47; border:1px solid #ffec47; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #ffec47; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑪サーモンピンク・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #595857;background:#f3a68c; border:1px solid #f3a68c; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #f3a68c; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]
⑫ミッドナイトブルー・タイトルを入れる場所があるもの
・改行する場合は、「Shift Enter」
[su_box title="このコードをコピー＆ペーストして使う" box_color="#d5d5d5" title_color="#8d8d8d" radius="2"]
<div style="color: #ffffff;background:#4d4398; border:1px solid #4d4398; padding-left:10px; font-size:1.1em;">ここに見出しや文章</span><br> </div> <div style="border:1px solid #4d4398; padding:10px; font-size:1em;">・メニューを ここに載せる<br> ・改行する場合は、「Shift Enter」<br><br> </div>
[/su_box]