在使用CSS進行網頁布局時，塊盒子是常見的元素之一，通過CSS的樣式設置，可以實現塊盒子的水平居中，下面就來介紹一下如何實現。

.box {
width: 200px;
height: 100px;
background-color: #ccc;
margin: 0 auto;
}

上述代碼中，首先我們定義了一個.box的類，寬度設置為200px，高度設置為100px，并且背景顏色為灰色。接著，我們設置了margin的值為0 auto，其中0指的是上下的邊距為0，而auto則是指左右邊距為自動，也就是塊盒子會自動居中。

如果是想讓塊盒子在父級元素的居中，則可以將margin的值設置為：

.parent {
text-align: center;
}
.box {
display: inline-block; /* 變為內聯元素 */
}

上述代碼中，我們定義了一個父級元素.parent，將其文本對其方式設置為居中，再將.box的display屬性設置為inline-block，從而將塊盒子變為內聯元素，實現塊盒子在父級元素的水平居中。