トキ色の見出し風囲み枠です。

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

 

吹き出し

 

ここに見出し
 

 

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

 

 

 

左ライン

 

ここに見出し

 

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

 

 

 

左と下ライン

 

ここに見出し

 

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

 

 

 

付箋風

 

ここに見出し

 

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

 

 

 

両端ライン

 

ここに見出し

 

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

 

 

 

上下ライン

 

ここに見出し

 

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

 

 

 

付箋風(背景色あり)

 

ここに見出し

 

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

 

 

 

 

 

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

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

 

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

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

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

 

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