Как сделать рамку в css вокруг блока

Чтобы создать рамку вокруг блока в 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, чтобы закруглить углы рамки. Также задаются толщина и цвет рамки, и отключаются левая и нижняя границы рамки.