仅更改单元格(顶部,左侧等)厚度的一个边框。

时间:2018-02-17 03:21:53

标签: html

制作一张桌子,我似乎无法弄清楚如何制作一个<即使在我完成所有研究之后,t d>的顶部边界厚度也大于其他3个边。我希望我可以做一些事情,但不能弄清楚。想法?

1 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;

我已制作td上边框5pxred颜色,您可以相应更改。

注意:在这里,我为所有人增加了最佳边框厚度。如果您想要更少,那么您需要为此创建类并将CSS应用于它。

如果您正在寻找有趣的话,请在评论中发表。

Running example