在制作網站時，字體居中是非常重要的。通過CSS來實現文字居中可以使頁面更加美觀。下面我們來介紹如何使用CSS來設置頁面字體居中。

首先，我們需要使用HTML代碼來設置要居中的文本。例如：

<p>這是要居中的文本</p>

接著，我們使用CSS代碼來設置字體居中。我們可以使用text-align屬性，并將其值設置為“center”：

p {
text-align: center;
}

此時，我們的文本就已經居中了。

但是，如果我們想要將文本與其他元素居中對齊，例如將文本與圖片居中對齊，我們需要使用其他屬性。我們可以使用display屬性和margin屬性來實現。例如：

.wrapper {
display: flex;
justify-content: center;
align-items: center;
}
img {
margin-right: 10px;
}

在上面的例子中，我們將要居中的文本和圖片放在一個名為“wrapper”的容器里。我們通過display屬性將其設置為彈性容器，并使用justify-content和align-items屬性來將內容居中對齊。而對于圖片，我們使用margin-right屬性來使其與文本保持適當的距離。

總的來說，使用CSS設置頁面字體居中非常簡單。我們只需要使用text-align屬性，或者結合display和margin屬性來實現。這樣可以讓我們的頁面更加美觀和專業。