Не работает border

Question

Всем привет, написал таблицу, в ней две строки, и каждой строке 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>

Answer 1

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

border-collapse: collapse;

БЛОГ НА HUSL

Не работает border

Ответы (1 шт):