こんにちわ！ゆずのすけです。
今年は、暑すぎますね。
こんな日は冷たいモノが食べたくなります、皆さんはアイスクリームとソフトクリームどっち派でしょうか？
私は若干知覚過敏があるのでソフトクリームの方が食べやすくて好きですね。
さて、今回はCSSで作れる見出しを１０個まとめてみました。
コピペするだけで簡単に使えるようにしてありますので、ご活用ください。
もちろん、サンプルのコードをアレンジしてもらう事でさらに理解できると思いますので、是非チャレンジしてみてください。
シンプル系
シンプルに下線だけを引いたモノ。特に解説はありませんがシンプルなモノが適切なことも多いです。
下線の左端のみ色を変化させたバージョン。少しだけおしゃれしてみるとグッと良く見えますね。
左端から少しだけ、下線を引いてみたデザインです。これでも見出しとして機能させられます。
かわいい系
付箋みたいでかわいいデザイン。たくさん並べるとノートみたいでいいかも知れないですね！
こちらは、栞のようなデザイン。本などを参考にした記事などにいいかも知れませんね。
文字の先頭に円を付けてみました。
おしゃれ系
リボンを少し折込んだようなデザイン。立体感を出すとおしゃれに感じますね。
下線をグラデーションにしてみました。かなり目を引きますね。
おもしろ系
高級感のただよう金文字。セレブ指向のサイトなんかにいいかもしれません。
水玉模様を背景にしたデザイン。
まとめ
いかがでしたか？
今回は、見出しの色々なデザインをまとめてみました。
参考になるモノがあれば是非、使ってみてくださいね。
この記事が役に立ったなら嬉しいです。ではまた次の記事でお会いしましょう。
