Существует несколько способов создания рамки по центру в CSS. Вот один из них:
HTML:
<div class="container">
div class="box"></div>
</div>
CSS:
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box {
width: 200px;
height: 200px;
border: 2px solid black;
}
В этом примере мы создаем контейнер с помощью flexbox, который выравнивает содержимое по центру по горизонтали и вертикали. Затем мы создаем блок с рамкой и задаем ему ширину и высоту.