書式

<table class = "宣言したスタイル">

スタイルシート部分で宣言したスタイルを入力します。このスタイルは</table>で閉じるまで有効です。

スタイルシート部分
.tblsample {
width: 50%;
border-collapse: collapse;
}
.tblsample th, .tblsample td {
border: 2px solid #000000;
}

幅50％でth,tdの枠線が2pxでsolid(実線)、黒色のテーブルを宣言しました。

記事部分
<table class="tblsample">
<tr><th colspan = "2">全体幅50%</th></tr>
<tr><th>見出し１</th><th>見出し２</th></tr>
<tr><td>セル１</td><td>セル２</td></tr>
</table>

表示

全体幅50%
見出し１	見出し２
セル１	セル２

記事を飾ろう！トップ
テーブル基礎
自動改行モードでのズレ
テーブルにスタイルを宣言する
テーブルの全体幅を指定する
枠線の表示形式を指定する
セルの背景色を指定する
枠線のスタイルを指定する

次のキーワードを検索：[スタイルシート]

前後の記事

最近の記事