BLOGWEBLIFEFOODTRAVEL【HTML/CSS】ブログなどで使える見出し装飾スタイル2019.12.09webスキルHOMEWEBwebスキル【HTML/CSS】ブログなどで使える見出し装飾スタイル今回は、ブログなどで使えるHTMLとCSSを使った見出し装飾を紹介します。(気に入ったものがあればコピペどうぞ!)wordpressとかCMSを使っていない場合、見出しのスタイル設定とか面倒だよね〜そうなんですよね。wordpressなどのCMSを利用したブログの場合、テーマによっては装飾用のスタイルが充実していて、見出しや強調文字、ポイントなどの装飾には困らないことが多いですが、1から作成したブログサイトなどの場合、自分で一つ一つスタイルを設定する必要があり、最初にこれらの装飾スタイルをcssで作成するのは割と面倒です。そんな時にも使えるスタイルを紹介しますので、是非参考にしてみてください!(※デフォルトでタグにスタイルが適用されていると下記スタイルと全く同じにならない事がありますので、新規クラスを指定するか、スタイルを外すなどお願いします。見出しと言えば、各ページのサブタイトルでもある部分なので、強調表示したいですよね。そんな時に使えるスタイルを紹介します。見出しのスタイルで最初に紹介する装飾は、枠線で囲うだけで文章とは区別ができて、シンプルな見出しに仕上がるものになります。サイト全体がシンプルで文章にもあまり装飾がされていないテーマのサイトにおすすめです。17px;}↑上記CSSをh2に適用させるとこんな感じの装飾が出来上がります。見出しのスタイルで次に紹介するのは、背景色を指定した装飾です。背景色を指定してもつまらないので、今回はマット調のスタイルにしてみました。normal;}これは、グラデーションを作る時の「linear-gradient」を使った装飾になります。これを上手く使うと、グラデーションだけではなくストライプや上記のようなマット調など様々なアレンジができます。Advertisement下線と行頭文字を使った装飾これが紹介した中で一番簡単な装飾です。行頭文字または「○」と下線(破線)を使用したスタイルです。#fc0;}まとめ今回はブログサイトなどで使えるHTML/CSSの装飾の紹介でした。webエンジニア兼印刷関係の仕事をしています。趣味でもある筋トレ、web関連情報やおすすめ商品のレビュー等を紹介しています。運営者:matsushima(25)愛知県名古屋市内でwebエンジニア兼印刷関係の仕事をしています。趣味でもある筋トレ、web関連情報やおすすめ商品のレビュー等を紹介しています。WordPress.<').replace(/>/,'>');。