CSSでテキストに下線を設定する方法

Web デザインや開発では、フォント、色、サイズなどのテキストのスタイルを設定する必要があることがよくあります。その中で、テキストの下線の設定は共通の要件です。この記事では、CSS を使用してテキストに下線を設定する方法と、対応するソース コードの例を紹介します。

プロパティは CSS で使用され、text-decoration下線などのテキスト装飾効果を設定します。一般的に使用される値をいくつか示します。

• none:デフォルト値、装飾効果は設定されていません。
• underline：文字の下に表示される下線を設定します。
• overline：文字の上に下線を表示するように設定します。
• line-through：文字の途中に取り消し線を表示するように設定します。
• blink：文字の点滅を設定します。

text-decorationテキストに下線を付けるには、プロパティを使用し、その値を に設定しますunderline。以下に例を示します。

<style>
    .underline-text {
   
    
    
        text-decoration: underline;
    }
</style>

<p class=