Управление границами таблицы с помощью CSS

CSS свойство `border` позволяет задавать границы элементов. При использовании этого свойства для таблиц, можно изменять границы строк и ячеек.

Синтаксис свойства `border` следующий:

css
border: <ширина> <стиль> <цвет>;

• `<ширина>` определяет толщину границы и может быть задана в пикселях (`px`), процентах (`%`) или других доступных единицах измерения.
• `<стиль>` может быть одним из следующих значений:

- `none` - без границы,

- `solid` - сплошная линия,

- `dashed` - пунктирная линия,

- `dotted` - точечная линия,

- и другие.

• `<цвет>` - определяет цвет границы и может быть задан в виде имени (`red`, `green`, `blue`) или кода (`#FF0000`, `rgb(0, 255, 0)`).

Примеры:

1. Задание границы всей таблицы:

css
table {
  border: 1px solid black;
}

2. Задание границы для ячеек:

css
td {
  border: 1px dotted blue;
}

3. Задание разных границ для внешних и внутренних границ таблицы:

css
table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid black;
  padding: 10px;
}
th {
  border-bottom: 2px solid black;
}

4. Задание границы для определенных ячеек таблицы:

css
td {
  border: 1px solid black;
}
td.special {
  border-color: red;
}

Таким образом, свойство `border` позволяет управлять границами таблицы и ячеек с помощью различных стилей и цветов, что дает большую гибкость при оформлении таблиц.