Создание таблицы с закругленными углами

Question

Я заинтересован в создании таблицы с закругленными углами без использования изображений.

Как это можно сделать?

Моя идея состояла в том, чтобы я мог обернуть таблицу с помощью div иустановите закругленные углы в div.Взглянув на эту скрипку , вы можете увидеть, что граница таблиц перезаписывает границу div.Есть ли стиль, который предотвращает перезапись?

Answer 1

Почему бы вам просто не взять границы стола?

Answer 2

Хитрость в этой работе заключается в том, что @ Луис подразумевает , чтобы снять границу с table и применить ее к переносу div, применяя border-radius к , который element.

JS Fiddle demo .

Answer 3

Если вам не нужна граница таблицы, вы можете установить border:none для элемента таблицы. Если вы все еще хотите установить рамку таблицы, вы можете установить padding:10px в div.

Answer 4

Вы можете просмотреть PIE CSS3 для IE6 / 7/8, а затем эффекты CSS3 для Chrome / FF / Opera (http://css3pie.com/)