アメブロ

【アメブロ囲み枠】エレガントなグレースフラワーのお花(ブラックVer)

アメブロで使える大人かわいい囲み枠をご紹介しています♡

こちらのページはエレガントなグレースフラワーのブラックバージョンをベースに背景色などのデザイン違いをご紹介しています。
他のデザイン一覧ページはこちら →こちら★

私が作成してご紹介する囲み枠は改行は『Enter』のみで大丈夫です♡

  1. デザインを選んで、HTMLコード(グレーの枠内)をコピーする
  2. アメブロの記事作成画面で [HTML表示] に画面を切り替える
  3. ①でコピーしたHTMLコードを貼付けます
  4. 囲み枠の中を入力する
  • 無断転載・パクリ・二次利用などは禁止です!
  • ご自分のブログでコピペしての使用はOKです!
  • 記事をご紹介いただく際は、出典元として当ブログのリンクをお願いします。ご自分のブログでコピペしての使用はOKです!

エレガントなグレースフラワーのアメブロ囲み枠

シンプル・ゴールド枠

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background:rgba(255,255,255,0.9); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background:rgba(255,255,255,0.9); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

角丸・ゴールド枠

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;border-radius:10px;">
<div style="background:rgba(255,255,255,0.9); padding:10px;border-radius:8px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;border-radius:10px;">
<div style="background:rgba(255,255,255,0.9); padding:10px; border:3px solid  #cbb994; border-radius:8px;">
<p style="margin: 1;">文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

影付き・ゴールド枠

文字を入力

<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background:rgba(255,255,255,0.9); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background:rgba(255,255,255,0.9); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

パステルカラーの背景色

ベビーピンク

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #FFF9FF; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

ベビーブルー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #EFF7FF; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

パステルパープル

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #F7EFFF; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

パステルグリーン

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #EFFFF7; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

パステルイエロー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #FFFFEF; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

くすみカラーの背景色

くすみホワイト

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #F7F6F5; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

アイボリー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #FAF7EE; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

くすみグレー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #F3F3F3; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

グレージュ

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #E9E4E0; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

くすみピンク

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #EAD8D8; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

ローズグレー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #EAD8E3; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

ラベンダーグレー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #E5D8EA; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

くすみブルー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #D8DDEA; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

ミントグレー

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #D8E8EA; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

くすみグリーン

文字を入力

<div style="background-image:url(https://stat.ameba.jp/user_images/20230227/20/joujounet/ae/a8/p/o0300030015248841664.png); padding: 15px ; background-size: 50%;">
<div style="background: #DBEAD8; opacity: 0.95;); padding:10px; border:4px double  #cbb994;">
<p style="margin: 0;">文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

他のデザイン一覧ページはこちら →こちら★

まとめ・見やすく可愛いブログには囲み枠を使おう

アメブロで長い文章を書くときは文章をボックス(枠)で囲むと読みやすくなります。

ぜひ設定してあなたらしいかわいい”あなただけの”アメブロを完成させましょう!
お役に立てましたら嬉しいです♡

本日も最後までお読みいただき、ありがとうございました♡

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です