CSS 2.0 の勉強 (セルの文字揃えの設定)

CSS 2.0 を勉強しましょう。

セルの文字揃えの設定方法を説明します。

以下の例では、1 つ目のセルは左揃え、2 つ目のセルは右揃えに設定しています。

■コード (HTML)

<table border="1">
<tr><th>タイトル名</th></tr>
<tr><td class="left">Apple</td></tr>
<tr><td class="right">Apple</td></tr>
</table>

■コード (CSS)

td.left {
text-align:left;
}

td.right {
text-align:right;
}

■ 説明
セルを区別するためにクラス名を設定しています。CSS でクラス名を指定する場合は要素名とクラス名をドット (.) で連結します。