Установите границы внутренней строки столбца таблицы html светло-серым цветом

#html #css

#HTML #css

Вопрос:

У меня есть html-таблица со строками и столбцами, на данный момент в строках и столбцах нет строк, поэтому вы не можете легко различить ячейки данных.

Как я могу поместить светло-серую линию для каждой строки и столбцов с помощью CSS? Я также хочу иметь возможность стилизовать границу таблицы отдельно, если это возможно.

На самом деле это будет для информационного бюллетеня, если это имеет значение.

Ответ №1:

 td {
    border: 1px solid #cccccc;
}
table {
    border: 3px outset #cccccc;
    /* the following is OPTIONAL, try it to see if it's an effect you want */
    border-collapse: collapse;
}
  

Сделайте их более конкретными (идентификаторы, классы), если это необходимо, но это в основном все, что вам нужно.

Комментарии:

1. и сделайте их встроенными, потому что это будет в рассылке по электронной почте (td style=»border: 1px solid #cccccc;»)