Чтобы задать границы таблицы в CSS, можно использовать свойство border
. Например:
table {
border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}
Этот код добавит границу вокруг всех ячеек таблицы. Однако, он не задаст границы между соседними ячейками.
Чтобы задать границы между ячейками таблицы, можно использовать свойство border-collapse
с значением `collapse’:
table {
border-collapse: collapse; /* Объединить границы между ячейками */
border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}
Этот код задаст границы между ячейками и добавит общую границу вокруг таблицы.
Также можно задавать границы для отдельных ячеек или строк. Например, чтобы задать границу для ячейки таблицы, можно использовать свойство border
внутри CSS-правила для этой ячейки:
td {
border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}
Этот код задаст границу для всех ячеек в таблице.
А чтобы задать границу для строки в таблице, можно использовать свойство border-top
и border-bottom
внутри CSS-правила для этой строки:
tr {
border-top: 1px solid #ccc; /* граница сверху строки */
border-bottom: 1px solid #ccc; /* граница снизу строки */
}
Этот код добавит границу сверху и снизу для каждой строки в таблице.