CSS頁面設置居中是Web開發中的重要技能之一，特別是在網頁設計中，居中對于美觀和用戶體驗都有很大的影響。

下面將介紹幾種CSS樣式的居中方法。

/* 水平居中 */
.box{
width: 200px;
margin: 0 auto;
}
/* 垂直居中 */
.box{
height: 200px;
/* 方法一 */
display: flex;
justify-content: center;
align-items: center;
/* 方法二 */
position: relative;
}
.box::before{
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
}
.box div{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上就是CSS頁面設置居中的幾種方法，需要根據實際情況選用合適的樣式進行居中處理。