CSS 2.0 の勉強 (文字の装飾を行う)

CSS 2.0 を勉強しましょう。

テキストの装飾を行う方法を説明します。

以下の例では、取り消し線、上線、下線を付けています。

■コード (HTML)

<p class="text1">Hello, World!</p>
<p class="text2">Hello, World!</p>
<p class="text3">Hello, World!</p>
<p class="text4">Hello, World!</p>

■コード (CSS)

p.text1 {
text-decoration:line-through;
}

p.text2 {
text-decoration:overline;
}

p.text3 {
text-decoration:underline;
}

p.text4 {
text-decoration:none;
}

■ 説明
text-decoration を使えば、様々な装飾が可能です。