Как добавить границу в 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;

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