Member 13558709 Ответов: 2

Как добавить вертикальные линии в HTML-таблицу через CSS в wordpress?

Я использую тему Genesis на последнем Wordpress.


Вертикальные линии, кажется, отсутствуют в моих HTML-таблицах.Несмотря на то, что он выглядит современным, он иногда вызывает путаницу.

Мне не нужны вертикальные линии в начале и конце столбца. Я требую его только в промежутках между колоннами.

Но если это невозможно, то могут быть также вертикальные линии в начале и конце столбца.

Что я уже пробовал:

https://i.imgur.com/yGOstjd.png[^]

2 Ответов

Рейтинг:
15

kastriotcunaku

Перейдите в раздел Внешний вид > настройка и добавьте некоторые пользовательские CSS:

th, td {
    border-right: 1px solid #eeeeef;
}

th:last-child, td:last-child {
    border-right: none;
}

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

Рейтинг:
1

Member 13558709

Kastriotcunaku, спасибо за ваш код, и он отлично работает.

Вот сжатая версия кода CSS, если кто - то хочет использовать:

th:not(:last-child), td:not(:last-child) { border-right: 1px solid #eeeeef; }