ふんわりぼかしアメブロ囲み枠線!21選

大人気のアメブロで使える囲み枠!!
今日はふんわりぼかしの囲み枠をご紹介させていただきます。

  • ふんわりとぼかしてかわいく。
  • 暖かいイメージにしたい。
  • わたあめみたいに柔らかく。

そんなイメージの囲み枠です。

櫻井圭子@ブログコンサル
ふんわりとぼかした囲み枠は女の子らしくてかわいいですよね。
色味を変えるとかわいくなりすぎず、ナチュラルな雰囲気にもなります。
大人気のピンク、パステル、くすみカラーで揃えました。
コピペして使ってくださいね。

 

本日はふんわりぼかしのアメブロ囲み枠線!21選というテーマでお役立ち情報をお届けします。

 

 
 囲み枠線の使い方

①下記から使いたい囲み枠を選ぶ。
 ↓
②HTMLタグをコピーする。
 ↓
③アメブロのブログを書く画面をHTML表示にして貼り付ける。

 
 
 
線の種類や色を変えたい時は、こちらの記事を読んでくださいね。

 おしゃれでかわいい囲み枠をアメブロ記事内で作る方法

 

ご利用にあたって注意ポイント

※ご自分のブログでコピペして使っていただいて大丈夫です!
※報告不要でお使いいただけますが、ご紹介していただけると励みになります♡
※無断転載や、再配布は禁止です!
(この記事のタグをコピペして似たような記事を作ったり、メルマガやLINE@で配布する事。)

 

 

人気のピンクのふんわりぼかしのかわいい囲み枠線【10色】

◆ピンク1(オレンジ味薄め1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4f4; box-shadow: #fff4f4 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク2(オレンジ味薄め2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fdeff2; box-shadow: #fdeff2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク3(青味薄め1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff7ff; box-shadow: #fff7ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク4(青味薄め2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4f9; box-shadow: #fff4f9 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク5(やや濃いめ1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fce6f0; box-shadow: #fce6f0 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク6(やや濃いめ2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fcdceb; box-shadow: #fcdceb 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク7(やや濃いめ3)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #eebbcb; box-shadow: #eebbcb 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク8(濃いめ1)

ここに文字を入力。
改行はshift+エンター
 
<div style="margin:10px 5px;padding:15px;word-break:break-all;color:#333;box-shadow:1px 1px 2px rgba(0,0,100,0.3);background:url(https://stat.ameba.jp/user_images/20190816/01/keiko-design/a4/71/j/o0080008014538179086.jpg);border-radius:1px;">
<div style="background:rgba(254,249,251,0.9);padding:5px;border-radius:1px;">
<div style="border:4px double #cbb994;border-radius:1px;padding:10px"><span style="color:#cbb994;">♥</span><span style="color:#7f7f7f;">ここに文字を入力。<br>
 改行はshift+エンター</span></div></div></div>

◆ピンク9(濃いめ2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ffc6e2; box-shadow: #ffc6e2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク10(濃いめ3)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ff9ece; box-shadow: #ff9ece 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

淡かわいいパステルカラーのふんわりぼかしの囲み枠線【5色】

◆オレンジ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4ea; box-shadow: #fff4ea 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆紫

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f9f4ff; box-shadow: #f9f4ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆青

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f4f9ff; box-shadow: #f4f9ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆水色

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f4ffff; box-shadow: #f4ffff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆黄色

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ffffef; box-shadow: #ffffef 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

くすみカラーがオシャレかわいい囲み枠線【6色】

◆ピンクグレー

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f5ecf4; box-shadow: #f5ecf4 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆青くすみ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #eaedf7; box-shadow: #eaedf7 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆グレー

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f3f3f3; box-shadow: #f3f3f3 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆うぐいす緑(和風デザインにも相性Good)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f8fbf8; box-shadow: #f8fbf8 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ベージュ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ede4e1; box-shadow: #ede4e1 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ブラウン

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #dcd6d2; box-shadow: #dcd6d2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

まとめ|ふんわりぼかしの囲み枠はかわいいデザインと相性Good

かわいい囲み枠シリーズ!

今回はふんわりぼかしの囲み枠をコピペですぐに使えるように作らせていただきました。

ふんわりぼかしの囲み枠のシリーズは色で印象が変わります。

  • パステルカラーやピンク・・・かわいいい
  • くすみカラー・・・大人オシャレ
  • やや和風の色・・・和紙のような雰囲気

 

ご自分のブログのテイストに合わせて色を変えて、アメブロの記事内で沢山使ってくださいね。

この記事のurlリンクと一緒に「使ったよー!」と一言アメブロに書いていただけると励みになります!

櫻井圭子
この記事を気に入っていただけたら、はてなブックマークやSNSでシェアしていただけると嬉しいです!!

 

本日はふんわりぼかしのアメブロ囲み枠線!21選というテーマでお届けさせていただきました。

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

関連記事

コメント

  1. アバター
    • yuuuuk
    • 2020.04.29

    はじめまして。
    とても可愛い囲み枠をみつけました♡
    ブログ初心者ですが、
    使わせて頂いてます\(//∇//)\

新着記事

  1. 【簡単】ライブ配信を高画質にする為の機材一覧

  2. LINE公式アカウント(LINE@)のトーク画面の背景色の変え方

  3. 【使い方解説】無料コピペチェックツールでパクリからブログを守ろう

  4. 【コピペOK】かわいい&おしゃれなアメブロ見出しデザインCSS版

  5. 会社を辞めて3年後の現在、上海で着物と華道の教室を主宰

  6. 【動画付】アメブロ記事内でかわいいおしゃれな囲み枠線を作る方法

カテゴリ

Instagram

This error message is only visible to WordPress admins

Error: API requests are being delayed for this account. New posts will not be retrieved.

Log in as an administrator and view the Instagram Feed settings page for more details.

 

アメブロ

 

PAGE TOP