Как скруглить углы таблицы, если используеться свойство border-collapse: collapse?

Question

[Gustov]

Надо скруглить правый верхний угол правой верхней ячейки, делаю закругление но остается рамка, не могу понять где затупил и как это исправить!

https://jsfiddle.net/xwgjttyr/

Answer 1

[Дмитрий Кравченко]

обертка, border-radius + overflow
fiddle

Comments

[Gustov]

Здорово! Только вот 2 ячейке 1 строки (База 1.99USD) по макету надо задать точно такое же скругление только левого верхнего угла! Как это реализовать?

[Дмитрий Кравченко]

Gustov: снимите бэкграунд с th элементов, вставьте в них div, которым и дайте нужный бордер-радиус

[Gustov]

Дмитрий Кравченко: Спасибо, это именно то что нужно!

Answer 2

[trushka]

Можно просто border-spacing: 0 задать, а бордеры ячеек делать только правые и нижние (левые можно для tr задать или для td:first-child)

Comments

[Gustov]

Вы можете продемонстировать данное решение в коде? border-spacing не работает при указании border-collapse.