CSS 中的 center 屬性被廣泛地使用，它可以在網頁設計中幫助我們實現內容的水平居中和垂直居中，使頁面更加美觀和整潔。

在 CSS 中，我們可以使用以下的方式來實現該屬性：

/* 水平居中 */
.element{ 
width: 200px; 
margin: 0 auto; 
}
/* 垂直居中 */
.parent{ 
position: relative; 
}
.child{ 
position: absolute; 
top: 50%; 
transform: translateY(-50%); 
}

對于水平居中，我們將元素的寬度設定為一定的數值，然后將其左右 margin 都設置為 auto，這樣就可以自動將其水平居中。

對于垂直居中，我們需要先將容器元素的 position 屬性設定為 relative，接著在子元素（需要垂直居中的元素）中設置 position 屬性為 absolute，然后使用 top 和 transform 操作來實現垂直居中。其中，top 的值為 50%，意味著將子元素向下移動了其自身高度的一半，再通過 transform 向上平移元素的一半高度，即可實現垂直居中。

在實際的網頁設計中，我們還可以使用更多的方法來實現居中效果，比如使用 Flexbox 布局、Grid 布局等等。使用 center 屬性可以讓我們的網頁更加美觀，讓用戶的瀏覽體驗更好。