Я пытаюсь сделать таблицу с округлыми углами, используя свойство CSS Border-radius . Стили таблицы, которые я использую, выглядят примерно так: < /p>
Код: Выделить всё
table {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
< /code>
Вот проблема. Я также хочу установить свойство пограничного коллапса: Collapsse
, и когда это установлено, границ-радий больше не работает. Есть ли способ, основанный на CSS, я могу получить тот же эффект, что и пограничный коллапс: коллапс , не используя его? Если бы стол был одним цветом, это не было бы проблемой, так как я мог бы просто сделать верхний и нижний TD закругленными для первого и последнего ряда соответственно. Тем не менее, я использую разные цвета фоновых цветов для таблицы, чтобы дифференцировать заголовки и для полос, поэтому внутренние элементы TD также показывают их округлые углы. TD Углы по -прежнему квадраты после установки настройки сотовой связи на ноль. Я бы предпочел не делать этого, так как это не очень элегантно, и не очень больно применить к нескольким таблицам, поэтому, пожалуйста, продолжайте предложения.>
Подробнее здесь:
https://stackoverflow.com/questions/628 ... -can-i-use
Мобильная версия