つつじ色の見出し風囲み枠

華やかなつつじ色の見出し風囲み枠です。

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

 

吹き出し

 

ここに見出し
 

 

<div style="padding:10px;background:#E95295;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: #E95295 transparent transparent transparent;margin-left:30px;margin-bottom:20px;">&nbsp;</div>

 

 

 

左ライン

 

ここに見出し

 

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

 

 

 

左と下ライン

 

ここに見出し

 

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

 

 

 

付箋風

 

ここに見出し

 

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

 

 

 

両端ライン

 

ここに見出し

 

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

 

 

 

上下ライン

 

ここに見出し

 

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

 

 

 

付箋風（背景色あり）

 

ここに見出し

 

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

 

 

 

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

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

友だち追加

ID検索は @570smkow