仅更改单元格(顶部、左侧等)粗细的一个边框。

Question

制作桌子，我似乎无法弄清楚如何制作A＆lt;即使在我所做的所有研究之后，T>的顶部边界厚度也大于其他三个方面。我希望我能像这样做一些事情，但不能弄清楚。想法？

Answer 1

你可以做

table, th, td {
   border: 1px solid black;
}
td {
   border-top: 5px solid red;
}

<table style="width:100%">
<tr>
  <td>This is 1st td</td>
  <td>This is 2nd td</td>
</tr>
<tr>
  <td>this is it</td>
  <td>it is this</td>
</tr>
<tr>
  <td>another this is it</td>
  <td>another it is this</td>
</tr>
</table>

我已经制作了td顶级边框5px和red颜色，您可以相应地更改它。

注意：在这里，我添加了所有人的顶部边框厚度。如果您想更少，则需要为此创建类并将CSS应用于其中。

如果您正在寻找其他内容，请在评论中发布。

运行示例