スポンサーサイト

セルの背景色を指定する

書式

background-color: 値

値には背景色を入力します。RGB値またはキーワードで指定できます。

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

color:#****は文字色です。
backredでは背景赤色、文字色白でbackyellowでは背景黄色、文字色は指定していません。

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

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

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

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

前後の記事

最近の記事

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