記事タイトルに下線を設定する方法

記事のタイトルに下線を設定する方法です。当サイト作者が作成した次のテンプレートについてです。

概要

  1. テンプレートのCSSを編集するだけで、記事のタイトルに下線を設定できます。

テンプレートのCSSを編集

  1. テンプレートCSS内で、次の項目のborder:0;を編集します。

    • /*記事 > タイトル(大見出し)*/
    valid-seo-110-article-title-border-1.png
  2. ここでは、幅1px・実線・赤色の下線を追加するとします。border:0;を次のコードに変更します。redはカラーコードでも指定できます。幅・線の種類(点線など)・色は任意で調整できます。

    
    border-bottom:1px solid red;
    
    valid-seo-110-article-title-border-2.png
  3. 変更されました。記事タイトルに幅1px・実線・赤色の下線が追加されました。

    valid-seo-110-article-title-border-3.png

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)