1
我在使用我的桌子时遇到问题。这并不是我想要的，我想知道是否有人可以帮我解决我可能犯的错误。非常感谢！HTML/CSS表格样式
下面是表的网站上的图片
table.foodTable{
\t border:4px outset black;
\t border-collapse:collapse;
\t width: 100%;
\t background-color:white;
\t text-align:center;
\t
}
table.foodTable caption{
\t font-weight:bold;
}
table.foodTable thead{
\t height:2.5em;
\t font-size:1.1em;
}
table.foodTable thead tr th{
\t padding: 0.5em 1.5em;
}
table.foodTable tbody tr td{
border: 4px solid black;
padding: 0.5em 1.5em;
}<table class = "foodTable">
\t <caption>Food</caption>
\t <thead>
\t <tr>
\t \t <th colspan = "2" style = "border-top:none;border-left:none;"> </th>
\t \t <th>Hate</th>
\t \t <th>Dislike</th>
\t \t <th>Indifferent</th>
\t \t <th>Like</th>
\t \t <th>Love</th>
\t </tr>
\t </thead>
\t
\t <tbody>
\t \t <tr>
\t \t \t <th>Chocolate</th>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td>✔</td>
\t \t </tr>
\t \t <tr>
\t \t \t <th>Ketchup</th>
\t \t \t <td> ✔</td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t </tr>
\t \t \t
\t \t <tr>
\t \t \t <th>Cheese</th>
\t \t \t <td> - </td>
\t \t \t <td> ✔ </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t \t <td> - </td>
\t \t </tr>
\t </tbody>
</table>