Border - новый способ придать оригинальности вашему дизайну
Свойство border в CSS позволяет задать рамку для элемента. Оно имеет четыре параметра: толщину (border-width), стиль (border-style), цвет (border-color) и радиус границы (border-radius).
Пример задания рамки для элемента:
.element {
border: 2px solid #000;
border-radius: 10px;
}
В этом примере мы задаем толщину рамки - 2 пикселя, стиль - сплошную, цвет - черный, а также закругляем углы рамки на 10 пикселей.
Можно также задавать каждый параметр отдельно, например:
.element {
border-width: 1px;
border-style: dotted;
border-color: blue;
}
Здесь мы задаем толщину - 1 пиксель, стиль - пунктирный, цвет - синий.
Можно также задавать разные параметры для каждой стороны элемента, например:
.element {
border-top: 1px solid red;
border-right: 2px dashed green;
border-bottom: 3px dotted blue;
border-left: 4px double black;
}
Этот пример задает разные параметры для каждой стороны элемента (верхней, правой, нижней и левой), соответственно: толщину и стиль рамки, а также цвет.
Все параметры border можно комбинировать в различных комбинациях, чтобы создать нужный вид рамки для элемента.