今回やりたいことは、見出しに色をつけること、
文字にアンダーラインをひくことです。
目標はこの四つです、
大見出し (h3)
中見出し (h4)
小見出し (h5)
アンダーライン
はてなブログでは、みたまま編集から簡単に見出し
をつけることができます。
HTMLを確認すると、こうなっています。
<h3>大見出し (h3)</h3>
<h4>中見出し (h4)</h4>
<h5>小見出し (h5)</h5>
見出しに色をつけるには、これを追加します。
<style> </style>で囲むことで、この中は文字ではなくて
こんなスタイルにしますからね。という説明になります。
<style>h3 { border-bottom:2px solid #ffaa00;}
</style>
<style>h4 { border-bottom:2px solid #008000;}
</style>
<style>h5 { border-bottom:2px solid #00bfff;}
</style>
アンダーラインを太くしたければ、
border-bottomの数字を大きくしたり。
色変えるには、solid #の中の数字を変えればできます。
では次は、アンダーライン
これも見たまま編集にあるので使ってみると、
HTMLを確認すると、こうなっています。
<span style="text-decoration: underline;">アンダーライン</span></p>
spanとは、よくわからないのでこちらのページをご覧ください。
先ほどのだと、色の指定や、太さも変えられないので
以下のような記述にします。
<span style="border-bottom: solid 5px red;">アンダーライン</span>
そうすると、<span> </span>で囲った
文字だけが好きな太さ、色でアンダーラインが引けるようになります。
ね、 簡単でした。
というわけでちょっと勉強して、
自分が使えるようになったことを少し書いた。だけという話でした。
ありがとうございました。
カラーコードはこちらです。
