ブログのシンプルな見出し用CSSサンプル-コピペで貼り付け

CSS

ホームページやブログで見出しは必須の要素ですね。

ここでは、シンプルなデザインの見出し用CSSサンプルを紹介します。コピペでそのまま貼り付けることができます。

気に入った見出しがあれば使って下さい。(この記事へのリンクも自由です)

 

WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。

 

Mutakkoのブログ

LION BLOG(ライオンブログ)やLION MEDIAを使っていると、見出しを見栄え良くカスタマイズしたくなりません…

 

 

シンプルな見出し

 

アンダーライン

左と下にライン

左にライン

下に点線

上下にライン

 

二重線

左に大きいライン

左に大きいラインと下線

 

WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。

 

Mutakkoのブログ

LION BLOG(ライオンブログ)やLION MEDIAを使っていると、見出しを見栄え良くカスタマイズしたくなりません…

 

 

まとめ

ブログの記事を書く場合には、見出しは重要な役割を果たします。

見出しのデザイン次第で読みたくなる記事や見にくい記事になったりします。

上記のサンプルをカスタマイズしてご自分のブログをデザインしてみましょう。

 

フォローお願い致します