设置表格行之间的线的粗细

Question

如何更改两个表格行之间的线的粗细 例如：

（突出显示的那个）。

这是我目前的代码：

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文件中使用以下方法来增加表格中各项之间的边框宽度：

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

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

• border
• border-right
• border-left

详细了解CSS表here。