在CSS中，要使邊框在body中居中，可以通過使用flexbox布局來實現(xiàn)，以下是一個示例代碼：
<body>
<div class="container">
<div class="box">
<p>這是一個居中的邊框盒子</p>
</div>
</div>
</body>body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 200px;
height: 200px;
border: 1px solid #000;
}在這個示例中，我們首先將body元素設置為一個flex容器，并使用justify-content和align-items屬性將其內容居中，我們創(chuàng)建了一個包含邊框盒子的容器，并將其設置為另一個flex容器，以便盒子可以在容器中自由移動，我們設置了盒子的寬度和高度，并添加了邊框樣式。
通過這種方式，我們可以輕松地使邊框在body中居中，并且可以根據(jù)需要調整盒子的尺寸和樣式。
版權聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉載時請以鏈接形式注明文章出處。
