Как убрать горизонтальные линии в таблице в формате HTML?

Question

Я хочу удалить горизонтальные линии из моей таблицы HTML

Я пробовал использовать CSS, такие как border-bottom и border-top, и установить значение 0, но это не изменилось;тогда как border-right и border-left работают отлично.

tr {
  border-bottom: 0;
  /* border-bottom:none; */
}

<table style="border:1px solid black;">
  <tr>
    <td style="padding:0px 15px 0px 65px;"><strong>Type</strong></td>
    <td style="padding:0px 15px 0px 20px; "><strong>Quantitiy</strong></td>
    <td style="padding:0px 15px 0px 0px;"><strong>price</strong></td>
    <td style="padding:0px 15px 0px 0px;"><strong>total price</strong></td>
  </tr>
  <tr class="type">
    <td style="padding:5px 15px 0px 65px;">{{type}}</td>
    <td style="padding:5px 15px 0px 20px;">{{meters}}</td>
    <td style="padding:5px 15px 0px 0px;">{{price}}</td>
    <td style="padding:5px 15px 0px opx;">{{price_total}}</td>
  </tr>
</table>

Я хочу удалить эти горизонтальные линии, используя CSS, как border-bottom, но не получилось.

Я только что добавил псевдо-код, вот как на самом деле выглядит мой стол

Я хочу сразу же удалить эти линии горизонтали из ткани, рубашки, брюквниз ко всем колонкам

Answer 1

table, th, td {
    border-collapse: collapse;
}
td{
    border:1px solid black;
    border-top: none;
    border-bottom: none;
}

Это должно сделать работу

Answer 2

Попробуйте добавить стиль к элементу td.Не до tr.