| Имя | Возраст |
|---|---|
| Алексей | 25 |
| Мария | 30 |
В CSS нам нужно задать стили для таблицы и ее границ. Мы можем использовать селекторы для каждого элемента таблицы или можем использовать универсальный селекторчтобы применить стили ко всей таблице.Для задания стилей для границ таблицы нам необходимо использовать селектор таблицы, селектор рядов и селектор ячеек.1. Селектор таблицы⁚ table
Мы можем использовать селектор таблицы для задания стилей границ таблицы⁚
table {
border-collapse⁚ collapse; # Объединяем границы ячеек таблицы
width⁚ 100%; # Задаем ширину таблицы
border⁚ 1px solid black; # Задаем границу таблицы
}
В данном примере мы объединяем границы ячеек таблицызадаем ей ширину 100% и добавляем ей границу толщиной 1 пиксель с черным цветом.2. Селектор рядов⁚ tr
Селектор рядов применяется для задания стилей границ рядов таблицы⁚
tr {
border-bottom⁚ 1px solid black; # Задаем нижнюю границу ряда
}
Здесь мы задаем нижнюю границу рядов таблицы.3. Селектор ячеек⁚ td
Селектор ячеек применяется для задания стилей границ ячеек таблицы⁚
td {
border-right⁚ 1px solid black; # Задаем правую границу ячейки
padding⁚ 8px; # Задаем отступы внутри ячейки
}
Здесь мы задаем правую границу ячеек таблицы и устанавливаем отступы внутри ячеек.После применения этих стилейграницы таблицы и ее ячеек будут одинаково программно заданы.