Как сделать border только снизу css

Чтобы создать границу только снизу элемента в CSS, используйте свойство border-bottom. Пример:

div {
  border-bottom: 2px solid black;
}

Здесь мы указываем ширину, тип границы и цвет для только одной стороны элемента. Свойство border-bottom устанавливает границу только снизу с шириной 2 пикселя и черным цветом.

Кроме того, если вы хотите сделать границу только снизу элемента с определенной шириной (например, 50%), вы можете использовать псевдоэлемент ::after. Пример:

div::after {
  content: "";
  width: 50%;
  border-bottom: 2px solid black;
  display: block;
  margin: 0 auto;
}

Здесь мы создаем псевдоэлемент ::after и устанавливаем ему содержимое «». Далее мы устанавливаем ширину границы с помощью свойства width, тип границы и цвет, а также устанавливаем отображение псевдоэлемента как блочный элемент с помощью свойства display. С помощью свойства margin: 0 auto, мы выравниваем элемент по центру главного элемента.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать border только снизу css

Наш специалист свяжется с вами в ближайшее время и уточнит детали