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>