はてなブログの構築003 (見出しのカスタマイズ)
さらに皆さまのお知恵をお借りして
見出しのカスタマイズ
見出しのデザイン
「はてなブログ 見出し カスタマイズ」と検索をかけると
「NON TITLE」さんのブログ
「サルワカ」さんのブログ
にたどりつきました
見出しのタグというものが「h1~h6」まであり(本文は「p」らしい)、
はてなブログの編集画面では、記事の
大見出しが「h3」
中見出しが「h4」
小見出しが「h5」
とのこと
試しに、皆さまのコードを借用し、見出しのカスタマイズに挑戦を
サルワカさんのCSS
を用いてみると
おー、変わっていますね!
見出しの色
でも、背景色と被っています(後に若干、背景色を変更しました)ので、色の変更が
必要ですね…
背景色のCSSはこちらで
background: #c2edff;/←ここがカラーコード とのことなので、
「色 コード表」で検索をかけると
こちらと
こちらのサイトが
こちらの和色大辞典の「虹色」のコード(#f6bfbc)を、先ほどの背景色の
カラーコードへ書き改めると
おー、変わっていますね
(この程度で喜ぶのは、初心者の極みですね…)
ならば、見出しのすべて(h1~h5)を変更してみることに
こちらの投稿に、あえてすべての見出しをつけ(後ほど修正致します)
各見出しを色違いの背景色にしてみます
見出しのサイズは、バラバラですが、変更できました!
<続く>