スポンサーサイト

テーブルにスタイルを指定する

書式

<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>見出し1</th><th>見出し2</th></tr>
<tr><td>セル1</td><td>セル2</td></tr>
</table>

表示
全体幅50%
見出し1見出し2
セル1セル2

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

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

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。