Чтобы создать рамку вокруг блока в CSS, нужно использовать свойство border. Свойство border принимает три значения: толщину рамки (в пикселях), ее стиль (например, сплошная, пунктирная) и цвет.
Пример кода для создания рамки вокруг блока:
div {
border: 1px solid black;
}
Означает, что у блока <div> будет тонкая (1 пиксель) сплошная (задана единственной строкой – “solid”) рамка, цвет которой черный (задан в свойстве “black”).
Если нужно изменить стиль рамки, то можно задать другое значение (например, dotted или dashed) для свойства “border-style”:
div {
border: 2px dashed blue;
}
В результате блок <div> будет обрамлен двойной рамкой толщиной 2 пикселя, стиль которой будет пунктирный (“dashed”), а цвет – синий (“blue”).
Если нужно задать рамку только для отдельной стороны блока, то можно использовать соответствующие свойства border-top, border-right, border-bottom или border-left.
Например, чтобы создать тонкую пунктирную рамку вокруг верхней части блока:
div {
border-top: 1px dotted grey;
}
Также можно комбинировать свойства, чтобы создать более сложную рамку вокруг блока:
div {
border: 2px solid red;
border-radius: 10px;
border-left: none;
border-bottom: none;
}
В этом примере используется свойство border-radius, чтобы закруглить углы рамки. Также задаются толщина и цвет рамки, и отключаются левая и нижняя границы рамки.





