下線、アンダーラインを引く | CSS

下線、アンダーラインを引く方法として最もシンプルなのは、CSSの border-bottomプロパティを使用する方法です。

以下の例では、『下線』に下線を引いており、プロパティの値として３つあり、まず、1px は太さ、solid は線の種類（この場合、真っ直ぐで途切れない１本の線）、最後に色を設定しています。

1

<p>テキスト<span class="udl">下線</span>テキスト</p>

1
2
3

.udl {
    border-bottom: 1px solid #ff0000;
}