Border Bottom: атрибуты, применение и примеры

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

Пример кода:

Установим границу на нижней стороне элемента с помощью свойства border-bottom:

Это некоторый текст

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

Мы также можем задать другие параметры свойства border-bottom, такие как стиль линии, цвет и ширина. Например, мы можем задать пунктирную линию с толщиной 1 пиксель и цветом красный, используя следующий код:

Это некоторый текст

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

Также можно использовать свойство border-bottom для создания эффекта подчеркивания под заголовком, ссылкой и т.д. Например:

Заголовок
Ссылка

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