ピンクの見出し風囲み枠です。

  • 吹き出し
  • 左ライン
  • 左と下ライン
  • 付箋風
  • 両端ライン
  • 上下ライン
  • 付箋風(背景色あり)があります

 

吹き出し

 

ここに見出し
 

 

<div style="padding:10px;background:#FBAED2;color:#fff;margin-bottom:0px; border-radius:5px; font-weight:bold;">ここに見出し</div> <div style="width:0px;height:0px;border-style: solid;border-width: 10px 10px 0 10px;border-color: #FBAED2 transparent transparent transparent;margin-left:30px;margin-bottom:20px;">&nbsp;</div>

 

 

 

左ライン

 

ここに見出し

 

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

 

 

 

左と下ライン

 

ここに見出し

 

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

 

 

 

付箋風

 

ここに見出し

 

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

 

 

 

両端ライン

 

ここに見出し

 

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

 

 

 

上下ライン

 

ここに見出し

 

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

 

 

 

付箋風(背景色あり)

 

ここに見出し

 

<div style="border-left: 10px solid #FBAED2;padding: 8px;background: #FEE9F3; font-weight:bold;">ここに見出し</div>

 

 

 

 

 

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

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

友だち追加

ID検索は @570smkow