CSS Border Bottom: Add Style and Elegance to Your Designs

CSS border bottom – это свойство, которое задает стиль, толщину и цвет линии снизу элемента. Для применения border bottom к элементу в CSS используется следующий синтаксис:

css
selector {
    border-bottom: [ширина] [стиль] [цвет];
}

где:

• `[ширина]` – опциональный параметр, который задает толщину линии. По умолчанию она равна 1px.
• `[стиль]` – опциональный параметр, который задает стиль линии. Возможные значения: `solid` (сплошная линия), `dotted` (точечная линия), `dashed` (пунктирная линия), `double` (двойная линия) и другие.
• `[цвет]` – опциональный параметр, который задает цвет линии. Можно задавать цвет в форматах Hex, RGB или названием цвета.

Примеры использования border bottom:

css
/* Пример 1: простая линия снизу элемента */
h1 {
  border-bottom: 2px solid red;
}
/* Пример 2: пунктирная линия снизу элемента */
p {
  border-bottom: 1px dashed #ccc;
}

В первом примере мы применили сплошную линию к заголовку h1 с толщиной 2 пикселя и цветом красного. В результате получилась красная линия снизу заголовка.

Во втором примере мы использовали пунктирную линию с толщиной 1 пиксель и цветом серого. Это создало пунктирную линию снизу параграфа.