Как добавить границу в CSS

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

border: 1px solid black;

Этот код задаст границу толщиной 1 пиксел, цвет которой – черный, и стиль – сплошная линия (solid).

Также вы можете явно указать каждый параметр границы:

border-width: 1px;
border-style: solid;
border-color: black;

В этом примере мы указали толщину, стиль и цвет границы отдельно. Значения могут быть различными, в зависимости от того, какой эффект границы вы хотите достичь.

Вы также можете применять границы только к определенным сторонам элемента. Например, чтобы добавить границу только снизу, используйте следующий код:

border-bottom: 1px solid black;

В этом примере мы задали только границу снизу.

Если вы хотите добавить несколько границ сразу (например, внутреннюю и внешнюю границы), вы можете воспользоваться свойством border с несколькими значениями:

border: 1px solid black;
padding: 10px;

В этом примере мы добавили границы и внутренние отступы для элемента.

реклама

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

реклама

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

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

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

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

Закажите услугу Как добавить границу в CSS

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