多くの初心者やアマチュアのWebデザイナーは、テーブルの背景色を変更する方法を知りたいと思っています。 数分で、この簡単なチュートリアルでこのテクニックを実行する方法を学ぶことができます。 この方法は、それほど威圧的ではありません。 テーブルの背景色を変更するのは、色を付けるセル、行、またはテーブルに1つの属性を追加するだけです。
開始方法
属性bgcolorは、テーブルの背景色と現在のテーブル行または現在のテーブルセルを変更します。 しかし、 bgcolor属性はスタイルシートを使用して非推奨になっているので、テーブルの背景色を変更するのに最適な方法ではありません。 背景色を変更するより良い方法は、表、行、またはセルタグにスタイルプロパティbackground-colorを追加することです。 方法については、下記の例を参照してください。
| なんらかの理由で、スタイルプロパティbackground-colorをテーブルに追加したくない場合は、選択肢があります。 たとえば、スタイルシート内のスタイルを文書の先頭や外部スタイルシートに設定できます。 以下を参照してください。 テーブル{背景色：＃ff0000; } tr {背景色：黄色; } td {背景色：＃000; }背景色を設定する列の背景色を設定する最善の方法は、 スタイルクラスを作成し、そのクラスをその列のセルに割り当てることです。 これを行う方法については、下記の例を参照してください。 CSS： td.blueCol {背景色：青; }HTML： <表> | |
| class = "blueCol" >セル1 セル2 | |
| class = "blueCol" >セル1 | cell 2 ラッピング以前にテーブルの背景色を変更したことがない場合でも、上記の例をコピーしてこの方法を自分で試すことができます。 提示されたさまざまなオプションを試し、あなたが最終的に最も快適に感じるものを選択してください。 また、HTMLテーブルに関する詳細については、このFAQを参照してください。 |