我有wierd问题与我的表,作为正常我希望边界周围我的表头和表格单元格,但由于某种原因,它只给我一个边界周围的整个表.我如何解决这个问题?
随附图像和代码
How it looks
HTML;
<table width='100%'>
<tr>
<th>Maandag</th>
<th>Dinsdag</th>
<th>Woensdag</th>
<th>Donderdag</th>
<th>Vrijdag</th>
<th>Zaterdag</th>
<th>Zondag</th>
</tr>
<tr>
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
<td>#</td>
</tr>
</table>
CSS;
table, th, td {
background-color: white;
border: solid black 3px;
}
3条答案
按热度按时间ojsjcaue1#
您在问题中发布的代码 * 确实 * 不仅在整个表周围放置了边框,而且还在每个
td
和th
周围放置了边框。我想你可能不希望单元格有单独的边框。在这种情况下,你应该只将边框应用于
td
和th
(即单元格),并将border-collapse: collapse;
应用于表格本身:wpx232ag2#
最好的方法是小心你使用的CSS选择器,而不是把表选择器作为一个整体来使用。关于简单的表值和替代方案的帮助,请访问https://developer.mozilla.org/en-US/docs/Web/HTML/Element#table_content。
bwitn5fc3#
@remi03你可以试试这些代码原始:但你必须得放弃。