スタイルシート

<style> table { border-collapse: separate; /* Default */ /* border-collapse: collapse; */ border: 2px solid #000000; } table th { border: 1px solid #ff0000; padding: 8px 10px; color: #50eaff; background-color: #fff5e5; } table td { border: 1px solid #000000; padding: 3px 10px; color: #666666; background-color: #ffffff; text-align: left; } </style>

HTML

<table> <caption>Caption</caption> <tr> <th>H_1</th> <th>H_2</th> <th>H_3</th> </tr> <tr> <td>D_12</td> <td>D_22</td> <td>D_32</td> </tr> <tr> <td>D_13</td> <td>D_23</td> <td>D_33</td> </tr> </table>