CSS是一種廣泛應用于網頁制作和設計的技術，它是對HTML標記進行美化和布局的一種方式，實現頁面居中是CSS制作中的一大難題。下面我們來介紹如何通過CSS設置居中。

/* 居中的常用樣式 */
/* 水平居中 */
.center {
margin: 0 auto;
}
/* 垂直居中 */
.center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

首先是水平居中，我們采用margin屬性進行設置，該屬性有四個值，分別代表上、右、下、左四個方向的外邊距，我們將左右邊距設置為auto，即可實現水平居中。

垂直居中的實現則需要將元素的position屬性設置為relative，然后利用top和transform屬性將元素上移50%的高度，再通過transform的負值將元素垂直居中。

而對于水平垂直居中，則需要將元素的position屬性設置為absolute，再利用top、left和transform屬性將元素定位在頁面的中央。

總之，頁面的居中布局是CSS設計中的一個關鍵問題，以上列舉了常用的三種實現方式，大家可以根據自己的需求進行設置。