CSS 2.0 の勉強 (テーブルの枠を設定する)

CSS 2.0 を勉強しましょう。

テーブルの枠を設定する方法を説明します。

以下の例では、テーブルの各辺のスタイルを 4 種類設定しています。

■コード (HTML)

<table>
<tr><th>A</th><th>B</th><th>C</th>
<tr><td>a</td><td>b</td><td>c</td>
</table>

■コード (CSS)

table {
border-style: double dotted dashed solid;
}

■ 説明
border-style に値を 4 つ設定した場合には、上／右／下／左の順になります。この場合、二重線／点線／破線／単線となります。