- ベストアンサー
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> </td> <td> </td> <td> </td> </tr> <tr> <td class="tableleft">2</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td class="tableleft">3</td> <td> </td> <td> </td> <td> </td> </tr> </table> </body>
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<thead>と<tbody>を使うと別々の<th>を利用できる http://allabout.co.jp/internet/hpcreate/closeup/CU20051118A/
その他の回答 (3)
- snowize
- ベストアンサー率27% (68/245)
そのセルが見出しとしての意味を持っている場合はTDタグではなくTHタグを使うのが規則です。ただし最初の横一行も見出しとする場合には不適となってしまいますね。 無難なところではCOLGROUPの設定（ついでにTBODYやTHEADも設定する習慣をつけておくと、後日の修正で何かと嬉しかったりもします）をしておくのがいいでしょう。
お礼
ありがとうございます。colgroup検索してみます。
- naokita
- ベストアンサー率57% (1008/1745)
場合によっては、逆に面倒になる可能性もありますが <colgroup> や <col> で列分けすれば背景色とか見た目の変更が可能。
お礼
参考になりました。ありがとうございます。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
質問の意味がわからないです。 tableの左とは、tableの左の余白ととるのが普通ですが、どうも違うような。 各行の左端のセルという意味ですか？ ・・class指定をせずに兄要素の指定ということ？ また、<th>がないようですが、左端を<th>にするのが本来の方法では、
お礼
ありがとうございます！URL大変参考になりました。