ブログのタイトルにも使える
上下のラインを変える方法です＾＾
上のラインはborder-top:
下のラインはborder-bottom:
で色や線の種類を変えることができます。
solid⇒実線
dotted⇒点線
double⇒二重線
ここに見出し（上実線・下点線）
<div style="border-top: #EE66A6 solid 2px; border-bottom: #EE66A6 dotted 2px; padding: 8px; font-weight:bold;">ここに見出し</div>
ここに見出し（上二重線・下実線）
<div style="border-top: #EE66A6 double 3px; border-bottom: #EE66A6 solid 1px; padding: 8px; font-weight:bold;">ここに見出し</div>
上下の色を変えても。
ここに見出し（上下実線）
<div style="border-top: #C03030 solid 2px; border-bottom: #00B900 solid 2px; padding: 8px; font-weight:bold;">ここに見出し</div>
背景色を設定して上下ラインを同じにするとリボンみたいに＾＾
ここに見出し（背景色と上下ライン）
<div style="border-top: #e8d9bd solid 1px; border-bottom: #e8d9bd solid 1px; padding: 8px; font-weight:bold;background: #FEF8FB;">ここに見出し</div>
display:inline-block;を使うと
文字に合わせてサイズが変わります。
ここに見出し（背景色と上下ライン）
<div style="display:inline-block;border-top: #e8d9bd solid 1px; border-bottom: #e8d9bd solid 1px; padding: 8px; font-weight:bold;background: #FEF8FB;">ここに見出し</div>
いろいろ変えて楽しんでくださいね♪
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！
「マーカー」とメッセージを送ってね
ID検索は @570smkow