見出し風の装飾(囲み塗りつき)をHTMLだけでする方法

見出しの装飾を行いたい場合はCSSで設定するのが普通だけど、wordpressで有料のテンプレートを使っている場合とかに、元の設定が強すぎて反映されない場合がある。

そんな時は、直接HTMLで記述するのが簡単です。

そして、そんな場合、参考になるのがこちらの記事
↓  ↓  ↓
https://jim-do-it-yourself.jimdo.com/4-プチ-カスタマイズ/枠をつける/

この記事を元に、僕はこんな見出しを作った。
↓  ↓  ↓

見出しゴールド

この見出しのHTMLは以下の通り
↓  ↓  ↓
<div style=”padding: 15px 10px 10px 10px; margin-bottom: 10px; background-color: #c3a704; color: #ffffff;”><strong><span style=”font-size: 18pt;”>見出しゴールド</span>。</strong></div>

あと、上記のように、ソースコードを直接サイトで表示したい場合は下記無料ツール(ジェネレーター?)が便利です。
↓  ↓  ↓
http://amenti.usamimi.info/ltgtamp.html