ブログのデザインカスタムを始めよう④（見出しの作り方）

久しぶりに時間ができたので軽くCSS言語の勉強をする。

色んな方のブログを見ていると、記事の中に見出しがいくつかある。

自分は見出しの作り方が分からなかったので、適当な改行で対応していた。

少しでも読みやすい記事にするために今回は、見出しの作り方を学ぼうと思う。

①　下線をつける

<p style="font-size: 1.5em; font-weight: bold; padding-top: .5em; padding-bottom: .5em; margin-bottom: 2em; border-bottom: solid 3px #111111;">①　下線をつける</p>

②　背景色に白文字

<p style="font-size: 1.5em; font-weight: bold; padding-top: .5em; padding-bottom: .5em; padding-left: .5em; margin-bottom: 2em; background-color: #e4b867; color: #ffffff;">②　背景色に白文字</p>

文字の前に線

<p style="font-size: 1.5em; font-weight: bold; padding-left: .5em; padding-top: .3em; padding-bottom: .3em; margin-bottom: 2em; border-left: 5px solid #989a2a; color: #929415;">文字の前に線</p>

取り敢えず自分が使いそうなのはこの辺か。

次回の記事からは実際に使用していきたいと思います。