爽やか囲み枠セット

爽やかな囲み枠セットです。

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

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

 

見出し

 

<div style="background:#55D8EB; padding:5px 15px; margin-bottom:5px;"><font color="#ffffff"><b>ここに見出し</b></font></div>

 

 

シンプルな背景色

 

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

 

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

 

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

 

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

 

 

背景色と太字

 

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

 

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

 

 

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

 

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

 

 

爽やか囲み枠①

 

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

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220318/17/atelier-plume-net/d1/2a/j/o0650065015089528474.jpg);"><div style="background:rgba(255,255,255,0.5);padding:5px;"><div style="border:4px double #55D8EB;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

 

 

こちらの囲み枠です

↓　↓　↓

 

 

 

爽やか囲み枠②

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220801/22/atelier-plume-net/ad/1f/j/o0650065015154853549.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #C1E0E5;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

こちらの囲み枠です

↓　↓　↓

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠