イラスト素材始めました by webmo

CSSテンプレート 可愛い系ターコイズブルーの見出し

CSSテンプレート 可愛い系ターコイズブルーの見出し

SEO対策をしているwebサイトは、記事ごとの流入を狙うのでTOPページデザインより、記事内のレイアウトが重要ですね。

見出しのデザインをこだわるだけでも記事の見え方ががらりと変わりますよ。今回は、サルワカさんのテンプレートを参考に夏らしいターコイズブルーの見出しセットを作ってみました。

吹き出しの見出し

見出し2は大見出しとして使用するので目立つデザインが分かりやすいですね。

ストライプの見出し

見出し3は繰り返すことが多いので、コンパクトなデザインが良いでしょう。

チェックマークの見出し

見出し4まで使う記事もたまにありますよね?あまりしつこくならないようにアイコンだけでも良いかも

チェックマークの見出し

こういう感じで繰り返したときにチェックマークは見やすいですよね

チェックマークの見出し

見出しのデザインカラーは統一するとキレイ。見本はターコイズブルーです。

HTMLテンプレ

CSSテンプレ

  • 色を変えたい場合は、#40e0d0部分を変更してください。
  • CSSの.tarを削除すると、クラス指定せずに見出しデザインを反映できます。色を変えたい場合は、#40e0d0部分を変更してください。

 

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でwebmoをフォローしよう!

デザインカテゴリの最新記事