Установить толщину линии между строками таблицы - PullRequest
Новая
       9

Установить толщину линии между строками таблицы

0 голосов
/ 03 июля 2018

Как я могу изменить толщину линии между двумя строками таблицы например:

Imgur

(выделенный).

Вот так выглядит мой код на данный момент: 

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

Спасибо!

1 Ответ

0 голосов
/ 03 июля 2018

Вы можете увеличить ширину границы между элементами в таблице, используя это в своем файле CSS: 

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

Вы можете изменить color, thickness и style границы, используя эти 3 значения. Разумеется, вы можете добавить эти свойства к th и table, изменив стиль border на другие стороны:

  • border
  • border-right
  • border-left

Подробнее о таблицах CSS здесь .

...