Для создания такой границы или рамки на CSS можно использовать свойство border с заданием нужной толщины, цвета и стиля. Например, можно создать рамку вокруг блока следующим образом:
```css
.border {
border: 2px solid black;
}
```
Для создания адаптивного блока с заданным фоном на CSS можно использовать свойство background и задать значение background-size как cover или contain, чтобы фон заполнял блок и не искажался при изменении размеров блока. Пример:
```css
.adaptive-block {
background: url('image.jpg') no-repeat center center;
background-size: cover;
}
```
Если нужно сохранить правильное отображение блока при изменении его высоты, рекомендуется использовать SVG для задания фона, так как векторная графика лучше масштабируется без потерь качества. Можно создать SVG изображение с нужным фоном и использовать его в качестве заднего фона блока:
```css
.adaptive-block {
background: url('image.svg') no-repeat center center;
background-size: cover;
}
```
Таким образом, для создания адаптивных блоков с заданным фоном рекомендуется использовать SVG, чтобы избежать смещения или обрезания блока при изменении его размеров.