Не работает border

Рейтинг: 0Ответов: 1Опубликовано: 08.05.2023

Всем привет, написал таблицу, в ней две строки, и каждой строке border-top+border-bottom, но это почему то не работает, что я делаю не так?

.about-us__section-content-row {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
<table class="about-us__section-content-table">
  <tr class="about-us__section-content-row">
    <td class="about-us__section-content-column">
      время в пути
    </td>
    <td class="about-us__section-content-column">
      расстояние
    </td>
    <td class="about-us__section-content-column">
      в невесомости
    </td>
    <td class="about-us__section-content-column">
      стоимость
    </td>
    <td class="about-us__section-content-column">
      вернешься?
    </td>
  </tr>
  <tr class="about-us__section-content-row">
    <td class="about-us__section-content-column">
      1
      <span>час</span>
    </td>
    <td class="about-us__section-content-column">
      80
      <span>км</span>
    </td>
    <td class="about-us__section-content-column">
      4-5
      <span>мин</span>
    </td>
    <td class="about-us__section-content-column">
      250
      <span>тыс. дол</span>
    </td>
    <td class="about-us__section-content-column">
      99
      <span>%</span>
    </td>
  </tr>
</table>

css html
Источник: Stack Overflow на русском

Ответы

▲ 2

На таблицу накладываем стиль, и все заработает.

border-collapse: collapse;