実際に表示確認してみる（編集可）
【HTML】
<div class="test_table_batch"> <table class="test_table"> <tr> <td class="test_td_1">内容 1</td> <td class="test_td_2">内容 2</td> <td class="test_td_3">内容 3</td> </tr> <tr> <td class="test_td_4">内容 4</td> <td class="test_td_5">内容 5</td> <td class="test_td_6">内容 6</td> </tr> <tr> <td class="test_td_7">内容 7</td> <td class="test_td_8">内容 8</td> <td class="test_td_9">内容 9</td> </tr> </table> </div>
【CSS】
/* テーブルを囲む「div」のクラスで一括指定する場合は、こちら。（赤） ------------------------------------------------------------------------------------*/ .test_table_batch table{ border : 3px solid red ; } .test_table_batch td{ border : 4px dotted red ; padding : 10px ; } /* テーブル「td」タグへ一つ一つにクラスを当てて制御する場合は、こちら。（青） ------------------------------------------------------------------------------------*/ .test_table{ background : #ccccff ; } .test_td_1{ background : #ccffff ; } .test_td_2{} .test_td_3{} .test_td_4{} .test_td_5{} .test_td_6{} .test_td_7{} .test_td_8{} .test_td_9{}