エレガント囲み枠セット

エレガントな囲み枠セットです。

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

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

 

見出し

 

見出し

 

<div style="border-left: 7px solid #C4A765; border-bottom: 2px solid #C4A765; padding: 8px; font-weight:bold;">ここに見出し</div>

 

 

シンプルな背景色

 

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

 

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

 

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

 

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

 

 

背景色と太字

 

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

 

<mark style="background-color:#f3e2e4;"><span style="color:#3d2106;"><b>ここに文字</b></span></mark>

 

 

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

 

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

 

 

文字色

 

ゴールドっぽい文字色

<span style="color:#c4a765;">ゴールドっぽい文字色</span>

 

 

ピンク文字色

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

 

 

エレガント囲み枠①

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220713/07/atelier-plume-net/a5/c3/j/o0650065015146004955.jpg);">
<div style="background:rgba(255,255,255,0.7);border:4px double #e8d9bd;padding:20px;">本文はここに入力してください。<br>改行はShift+Enterで！</div></div>

 

 

こちらの囲み枠です

↓　↓　↓

 

 

エレガント囲み枠②

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220526/14/atelier-plume-net/4a/f0/j/o0650065015123557892.jpg);"><div style="background:rgba(255,255,255,0.7);border:4px double #e8d5af;padding:20px;">本文はここに入力してください。<br>改行はShift+Enterで！</div></div>

 

 

こちらの囲み枠です

↓　↓　↓

 

 

こちらの飾り線もおすすめ！

↓　↓　↓

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

 

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

 

 

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

 

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

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

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

 

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