記事見出しをcssでカスタムしてみた

Web

記事に必ず入れた方がいい見出しタグですが

いままでそんなにいじっていなかったのですが少し手を加えてみました

見出しとは

新聞・雑誌などの記事の内容が一目でわかるようにつけた標題。ヘッドライン。
大辞林 第三版より

 

見る側に一目でわかるようにしておく為みたいですね、それにSEO的にもh1とh2は重要だと思います

今回こんな感じにしました

見出し1

見出し2

見出し3

見出し4

見出し5

すこし見出し4はこれでいいのかまだ微妙な所ではありますが、色合いはブログのカラーと統一感を持たすようにしてあります

引用

 

見出しのカスタム方法は

css(スタイルシート)内のhを触ります

変更したい見出しの箇所に色の指定や文字の大きさ、ボーダー指定等をしていきます

参考になるサイトも沢山あるので是非見出しをかっこいいものに変えてみてはいかがでしょうか

▼参考サイト

 

最後に一言

サイトのイメージに合わすのって難しいですね

今もまだ合っているのかわかりません^^;これからも試行錯誤で変更されまくると思います


コメント

タイトルとURLをコピーしました