文字を装飾するには、text-decoration プロパティーを使用します。

使用できる値は以下のとおりです。

複数の値を同時に指定する場合は、スペース区切りで指定します。

◆値
none
    装飾なし。初期値です。
underline
    テキストに下線を付ける。
overline
    テキストに上線が付ける。
line-through
    テキストに打ち消し線を付ける。
blink
    テキストを点滅させる。

それでは実際に記述してみます。

<p style="text-decoration: none;">装飾なし。</p>
<p style="text-decoration: underline;">下線が付きます。</p>
<p style="text-decoration: overline;">上線が付きます。</p>
<p style="text-decoration: line-through;">打ち消し線が付きます。</p>
<p style="text-decoration: line-through;">点滅します。</p>

上記の結果は、以下のようになります。

装飾なし。

下線が付きます。

上線が付きます。

打ち消し線が付きます。

点滅します。

[対象]
CSS3
CSS2.1
CSS2