ナチュラル囲み枠セット

ナチュラルな囲み枠セットです。

セットでご使用になっても

個別でご使用になっても♡

見出し

 見出し

<img height="18" src="https://stat.ameba.jp/user_images/20231231/15/atelier-plume-net/6c/06/p/o0040004015383863001.png" style="vertical-align: middle;" width="18">&nbsp;<b>ここに見出し</b>

シンプルな背景色

シンプルな背景色（幅いっぱいタイプ）
本文はここに入力してください。
改行はShift+Enterで！

<div style="background:#F9F7F4; padding:15px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>

シンプルな背景色（文字幅タイプ）
本文はここに入力してください。
改行はShift+Enterで！

<div style="display:inline-block;background:#F9F7F4; padding:15px;border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>

背景色と太字

背景色（マーカー）と太字

<mark style="background-color:#EAF1CF;"><b>ここに文字</b></mark>

背景色（マーカー）と太字Lサイズ

<mark style="background-color:#EAF1CF;"><span style="font-size:1.4em;font-weight:bold;">ここに文字</span></mark>

文字色

ピンク文字色

<span style="color:#FF8D8D;">ピンク文字色</span>

ナチュラル囲み枠①

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20230111/22/atelier-plume-net/85/12/j/o0650065015228708301.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.6);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

こちらの囲み枠です

↓　↓　↓

『プリムラ背景の囲み枠』

ナチュラル囲み枠②

本文はここに入力してください。
改行はShift+Enterで！

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20231218/21/atelier-plume-net/3a/5c/j/o0650065015378651840.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.4);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

こちらの囲み枠です

↓　↓　↓

『カスミソウ背景の囲み枠』

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！

「マーカー」とメッセージを送ってね

ID検索は @570smkow 

Amebaブログforビジネス公式パートナー

୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠　週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報

デザインとブログアドバイスで 起業女性をサポートしています。

◆ あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

◆ 書きやすく伝わりやすいブログに⇒ ブログ診断

◆ ランディングページやホームページの制作もしています。

お問合せ⇒お問合せフォーム