大人かわいいハートの囲み枠を紹介します。
可愛いが好きな方、恋愛コンサルタントや婚活など
女性向けの講座をやられている方にぴったりな
囲み枠がコピペで簡単にに設置できます
スマホやアプリで記事を見る場合にも対応しています。
(補足:素材の無断転載・再配布は禁止です)
ハート&ピンクのおしゃれな囲み枠
記事に追加する方法はこちらを見てね。
ハートの囲み枠
● ホワイト
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFFF; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ライトピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9F9; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9FF; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F9F4FF; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーブルー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F4F9FF; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーイエロー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFF8; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ペールオーキッド
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F5F5FF; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ペパーミント
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F4FFF9; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● アイボリー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FAF7EE; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #EFE6E9; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #E6DFE7; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみグレー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F3F3F3; opacity: 0.9;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
小さなハートの囲み枠
● ホワイト
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFFF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ライトピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9F9; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F5F5FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーイエロー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFF8; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #EFE6E9; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #E6DFE7; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● アイボリー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FAF7EE; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみグレー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F3F3F3; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
ランダムハートの囲み枠
● ホワイト
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFFF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ライトピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9F9; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F5F5FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーイエロー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFF8; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーブルー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F4F9FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● アイボリー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FAF7EE; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみグレー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F3F3F3; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
赤いハートの囲み枠
● ホワイト
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFFF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ライトピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9F9; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFF9FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F5F5FF; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ベビーイエロー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FFFFF8; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● ペパーミント
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F9FFFC; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみーピンク
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #EFE6E9; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみパープル
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #E6DFE7; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● アイボリー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #FAF7EE; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
● くすみグレー
文字を入力
改行はエンター
<div style="border:4px double #cbb994; border-radius:1px;padding:10px; background: #F3F3F3; opacity: 0.95;">
<p style="margin: 0;">文字を入力<br>
改行はエンター</p></div></div>
<p> </p>
囲み枠の設置手順
①デザインを選んでHTMLコード
使いたい囲み枠のデザインを一覧から選んで
HTMLコードをコピーします。
②記事作成でHTML画面にする
いつもブログを書く手順で
[ブログを書く]画面下の[HTML表示]に切替えます。
③コードを貼付けて画面を戻す
①でコピーしたHTMLコードを貼付けます。
貼付けたら[通常表示]に戻します。
④囲み枠の中を入力する
最後部に囲み枠の中身を書きます。
改行する場合は「ENTER」を押します。
上記でお配りしているコードを
そのままコピーするだけでも使えますが、
もっとあなたのブログにあったイメージで作りたい場合は
色を変えたり、形を変えたりして
自分だけのこだわりの囲み枠を作ってみてくださいね
【カラー変更の参考ページ】
WEB色見本カラーコード
設置の方法や困ったときにはこちらをCheck![気づき](https://stat100.ameba.jp/blog/ucs/img/char/char4/675.png)
▶︎囲み枠を設置するやり方
▶︎改行したら枠が増えた!という時の対処法と元に戻す方法
▶︎囲み枠の色を変える方法
他にもおしゃれな囲み枠や見出しがたくさん![飛び出すハート](https://stat100.ameba.jp/blog/ucs/img/char/char4/610.png)
▶︎アメブロ見出し素材500選
▶︎\大人気♡/ 大人かわいい大理石と水玉の囲み枠
▶︎ダマスク柄の囲み枠
▶︎シンプルな囲み枠&枠線
▶︎タイトル付き囲み枠
▶︎ニュアンスカラーの囲み枠
\LINE公式登録で無料プレゼント♡/
SNSで世界観をつくる8大特典
↓ ↓ ↓ ↓ ↓
LINE公式
画像をクリックして登録♡
LINE画面が表示されない方は
@joujounetでID検索
(@も含めて検索してください)
あなたの想いと魅力を届ける
世界観づくりをサポートしています。
SNSで集客できない方
世界観づくりでお悩みの方
必要な人に価値を届けたい方
SNSで選ばれ売上をあげたい方
ぜひLINE登録してくださいね♡
Service
アメブロカスタマイズ/ライティング添削
ヘッダー/バナー/HP制作/インスタテンプレ作成
Instagramコンサル/Canva/LINEリッチメニュー
デュプロマ・テキスト・講座資料の作成
Lステップ代行構築/LINE運用アドバイス
SNSマーケティングをもとに幅広く
女性に響くデザインで
あなたらしさを叶えます♡
ハンドメイドやエステサロン
カフェ&レストラン・英語教室
アロマ・ネイル・婚活塾など
全国各地からご依頼・コンサルで一人一人
寄り添ったサポートを心がけています♡
\3人のママでも理想の働き方を手に入れた方法✨/
\インスタはこちら♡Follow Me✨/
LINE公式マーケティングやデザイン作りのヒントを発信♡
心ときめく食器とお花が作れるポーセラーツ&フラワーインテリア
JouJouetteの教室ブログはこちら♡