みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

tableの左側の色をCSSで一回で変えたい

tableの左側の色をCSSで一回で変えたいのですが、どのようにするのが一番良いのでしょうか?現在はclassを使っています。
アドバイス宜しくお願いします。

<head>
<style type="text/css">
<!--
table {
height: 400px;
width: 400px;
}
.tableleft {
background-color: #FF0000;
}
-->
</style>
</head>

<body>
<table summary="ABCD" >
<caption>ABCD</caption>
<tr>
<td class="tableleft">A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td class="tableleft">1</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="tableleft">2</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="tableleft">3</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>

投稿日時 - 2008-10-02 20:00:28

QNo.4372897

すぐに回答ほしいです

質問者が選んだベストアンサー

<thead>と<tbody>を使うと別々の<th>を利用できる
http://allabout.co.jp/internet/hpcreate/closeup/CU20051118A/

投稿日時 - 2008-10-03 02:20:17

お礼

ありがとうございます!URL大変参考になりました。

投稿日時 - 2008-10-03 02:30:07

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

そのセルが見出しとしての意味を持っている場合はTDタグではなくTHタグを使うのが規則です。ただし最初の横一行も見出しとする場合には不適となってしまいますね。
無難なところではCOLGROUPの設定(ついでにTBODYやTHEADも設定する習慣をつけておくと、後日の修正で何かと嬉しかったりもします)をしておくのがいいでしょう。

投稿日時 - 2008-10-03 01:54:44

お礼

ありがとうございます。colgroup検索してみます。

投稿日時 - 2008-10-03 02:29:11

ANo.2

場合によっては、逆に面倒になる可能性もありますが

<colgroup> や <col> で列分けすれば背景色とか見た目の変更が可能。

投稿日時 - 2008-10-02 20:13:48

お礼

参考になりました。ありがとうございます。

投稿日時 - 2008-10-03 00:18:06

ANo.1

質問の意味がわからないです。
tableの左とは、tableの左の余白ととるのが普通ですが、どうも違うような。
各行の左端のセルという意味ですか?
・・class指定をせずに兄要素の指定ということ?
また、<th>がないようですが、左端を<th>にするのが本来の方法では、

投稿日時 - 2008-10-02 20:08:17

あなたにオススメの質問