设置 table 行之间的线条粗细

Question

如何更改 table 两行之间线条的粗细例如：

（突出显示的那个）。

我的代码目前是这样的：

i {
  cursor: pointer;
}

a {
  color: inherit;
}

th {
  white-space: pre-wrap;
  font-size: 25px;
  color: goldenrod;
}

p {
  font-family: 'BioRhyme', serif;
  font-size: 35px;
}

<table class="table table-hover table-borderless">
  <thead class="thead-dark">
    <tr>
      <th>Name</th>
      <th>IP</th>
      <th>Port</th>
      <th>Ping</th>
      <th>Players</th>
    </tr>

  </thead>
  <tbody id="table">
    <tr>
      <th>Hexah's Test</th>
      <th>0.0.0.0</th>
      <th>27015</th>
      <th>koala</th>
    </tr>
    <tr>
      <th>Hexah's Test</th>
      <th>0.0.0.0</th>
      <th>27015</th>
      <th>koala</th>
    </tr>
  </tbody>
</table>

我正在使用 Bootstrap Material Design v4

谢谢！

Answer 1

您可以在 CSS 文件中使用此方法来增加 table 中项目之间的边框宽度：

td {
  border-bottom: 5px solid black;
  border-top: 5px solid black;
}

您可以使用这 3 个值更改边框的 color、thickness 和 style。当然，您也可以将这些属性添加到 th 和 table，将 border 样式更改为其他方面：

border
border-right
border-left

详细了解 CSS tables here。

设置 table 行之间的线条粗细

Set thickness of a line between table rows

css

css-tables