CSS方框居中對齊是網頁布局過程中常用的技巧，可以使網頁看起來更加美觀，讓用戶更易于瀏覽。下面我們就來講一下如何實現CSS方框居中對齊。

首先，在HTML文件中使用div標簽定義要居中的方框。如下所示：

<div class="box">
<p>這是一個要居中的方框</p>
</div>

然后，在CSS文件中設置box類的樣式。使用display屬性將該元素設為塊級元素，并使用margin屬性讓該元素水平和垂直居中。如下所示：

.box{
display: block;
margin: auto;
width: 300px;
height: 200px;
background-color: #ccc;
}

在上面的代碼中，width和height屬性設置了方框的寬度和高度，background-color屬性設置了方框的背景色。我們可以根據實際需要進行調整。

通過以上設置，就可以實現CSS方框居中對齊了。將box類應用到需要居中的方框上，就可以看到效果了。

需要注意的是，使用margin屬性實現居中對齊時，需要將該元素的position屬性設為absolute或fixed。否則，margin屬性無法實現居中對齊。因此，我們可以在CSS文件中添加如下樣式：

body{
position: relative;
}

這樣，在box類中不需要添加position屬性，就可以使用margin屬性實現居中對齊了。

以上就是CSS方框居中對齊的實現方法。通過簡單的CSS設置，可以讓網頁更加美觀，提升用戶體驗。