アメブロでコピペで使える写真の囲み枠をご紹介します
本日紹介するのはこちら
思わず二度見され一瞬で心を奪う
アメブロ&インスタの世界観作り

自宅教室・サロンオーナー・ハンドメイド
女性のはじめての起業を
おしゃれに可愛くプロデュース♡
世界観をカタチにするSNSデザインプロデューサー
豊田 純子
▶︎はじめましての方はこちら♡

ジュジュ
コピペで使えます!改行はEnterのみでOK!!スマホでの改行も楽ちんだよ♫
ご利用にあたって
※ 無断転載・パクリ・二次利用などは禁止です!
※ ご自分のブログでコピペしての使用はOKです!
※ この記事のコードをコピペして一部を変更して似たような記事を作成することも禁止です!!
※ 記事をご紹介いただく際は、出典元として当ブログのリンクをお願いします。
シンプル・ゴールド枠の囲み枠
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.7); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; ">
<div style="background:rgba(255,255,255,0.7); padding:10px; border:3px solid #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.7); padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.7);padding:12px;">
<div style="border:2px solid #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; ">
<div style="background:rgba(255,255,255,0.7);padding:8px;">
<div style="border:4px double #CEBB5B; padding:12px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
シンプル・カラー枠の囲み枠
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; ">
<div style="background:rgba(255,255,255,0.7); padding:10px; border:3px solid #8A9D52;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.7); padding:10px; border:4px double #8A9D52;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.7);padding:12px;">
<div style="border:2px solid #8A9D52; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; ">
<div style="background:rgba(255,255,255,0.7);padding:8px;">
<div style="border:4px double #8A9D52; padding:12px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
シンプル・カラー枠の囲み枠
● パステルグリーン
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(239,255,247,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● パステルイエロー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(255,255,239,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● アイボリー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(250,247,238,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● くすみグレー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(243,243,243,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● グレージュ
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(233,228,224,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● くすみピンク
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(234,216,216,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ローズグレー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(234,216,227,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ラベンダーグレー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(224,211,230,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● くすみブルー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(216,221,234,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ミントグレー
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(216,232,234,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● くすみグリーン
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background: rgba(214,230,211,0.8) ; padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
角丸・ゴールド枠の囲み枠
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;border-radius:10px;">
<div style="background:rgba(255,255,255,0.8); padding:10px;border-radius:8px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;border-radius:10px;">
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B; border-radius:8px;">
<p style="margin: 1;">文字を入力</p></div></div>
<p> </p>
<div style="background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; border-radius:10px;">
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B; border-radius:8px;">
<p style="margin: 2;">文字を入力</p></div></div>
<p> </p>
影付き・ゴールド枠の囲み枠
<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; ">
<div style="background:rgba(255,255,255,0.8); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;">
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ;"> <div style="background:rgba(255,255,255,0.9);padding:8px;"><div style="border:2px solid #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
<div style=" box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://stat.ameba.jp/user_images/20230228/12/joujounet/cc/cf/j/o0640064015249074783.jpg); padding: 15px ; "> <div style="background:rgba(255,255,255,0.9);padding:8px;"><div style="border:4px double #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
他にもおしゃれな囲み枠をご用意しています
\3人のママでも理想の働き方を手に入れた方法✨/

\インスタはこちら♡Follow Me✨/

\思わず二度見され、心を奪う世界観のつくりかた/
デザイン作りのヒントやInstagram&アメブロの役立つ情報を発信しています♡

心ときめく食器とお花が作れる
ポーセラーツ&フラワーインテリア教室JouJouetteのブログはこちら♡

お教室や個人サロンのアメブロカスタマイズや
ブログ添削・ヘッダー・バナー・HP制作から
Instagramコンサル・インスタテンプレ作成など
女性に響くデザインであなたらしさを叶える♡
Canvaでのデザイン作りやLINEリッチメニュー
デュプロマ・テキスト・講座資料の作成など主婦や
ママの女性の起業をおしゃれに可愛くプロデュース♡
ハンドメイドやエステサロン、カフェ&レストラン
英語教室・アロマ・ネイル・婚活塾など全国各地から
ご依頼・コンサルを受け幅広いスキルであなたに
寄り添ったサポートをさせていただいております♡
Thank you for Reading
JOUJOUNET
ジュジュネット