Как сверстать такую таблицу?

Question

[tigra]

Конкретно интересуют такие вопросы.
-Как сделать border-radius у tr?
-Как сделать отступ у tr?

Answer 1

[Петр]

Такая таблица делается без использования тэгов TABLE, TBODY, TR, TD.
В вашем примере строки лучше сделать через DIV, тогда отпадут все вопросы "border-radius у tr"
А уже внутри строки можно и TABLE применить (если вам так проще) с фиксированной шириной столбцов.
Хотя столбцы тоже можно сделать через div с применением стиля: display: table-cell;

Answer 2

[romy4]

а там именно tr? смотрели в код?

Comments

[tigra]

это макет psd, надо чтобы была именно таблица

[romy4]

это не таблицей должно верстаться

[romy4]

div с display:table, table-row, table-cell

Answer 3

[Константин]

По пункту 2.
Можно использовать htmlbook.ru/css/border-spacing или вставлять между товарами пустую tr с необходимой высотой
По пункту 1:
https://jsfiddle.net/2e7aLdag/

Answer 4

[Игорь Петренко]

Мне кажется, что border-radius задан для элемента span, например.

Вообще, в tr, td, table довольно скудный набор для стилизации.