ふんわりぼかしアメブロ囲み枠線!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選というテーマでお届けさせていただきました。

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

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

世界観を目に見える形にする、伝える、届ける!
起業家、フリーランスのためのブランディングとWEB集客。
【デザイン】と【SEO対策に強いブログの書き方】の両方をカバー出来ることが強みです。

女性らしい綺麗でかわいい世界観作り、ブランディング設計、デザインに特化!

ブランディング/デザイン/WEB集客/SEO

コメント

コメント一覧 (1件)

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

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次