Собственность пограничного радиуса и пограничный коллапс: коллапс не смешивайте. Как я могу использовать границу-радиуса ⇐ Html

[Anonymous]

Я пытаюсь сделать таблицу с округлыми углами, используя свойство CSS Border-radius . Стили, которые я использую, выглядят примерно так: < /p>

Код: Выделить всё

table {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}
< /code>
Вот проблема. Я также хочу установить свойство пограничного коллапса: Collapsse 

, и когда это установлено, границ-радий больше не работает. Есть ли способ, основанный на CSS Установление таблицы для закругленных углов не влияет на углы угловых элементов . Если бы стол был одним цветом, это не было бы проблемой, так как я мог бы просто сделать верхний и нижний TD закругленными для первого и последнего ряда соответственно. Тем не менее, я использую разные цвета фоновых цветов для таблицы, чтобы дифференцировать заголовки и для полоска, поэтому элементы внутреннего TD также покажут свои округлые углы. с другим элементом с круглыми углами не работает, потому что квадратные углы стола «прогибаются». > Внизу TD Углы все еще квадраты после установки сотового расстояния на ноль. TH/TDS и стиль каждый угол отдельно. Я бы предпочел не делать этого, так как это не очень элегантно, и не очень больно применить к нескольким таблицам, поэтому, пожалуйста, продолжайте предложения. < /P>
Я хотел бы сделать это без JavaScript.

Подробнее здесь: https://stackoverflow.com/questions/628 ... -can-i-use