在Web設計中，用戶居中是一種常見的需求。使用CSS可以輕松實現用戶居中的效果。

以下是一些常用的CSS代碼，用于將元素在頁面中垂直和水平居中。

/* 水平居中 */
.element {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/* 垂直居中 */
.element {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 水平居中（flex布局）*/
.parent {
display: flex;
justify-content: center;
}
/* 垂直居中（flex布局）*/
.parent {
display: flex;
align-items: center;
}
/* 水平垂直居中（flex布局）*/
.parent {
display: flex;
justify-content: center;
align-items: center;
}

上面的代碼中，我們使用了位置、transform和flexbox屬性來實現不同類型的用戶居中效果。需要注意的是，不同類型的元素在實現這些效果時，可能需要不同的CSS屬性和值。

總之，CSS提供了豐富的選項，讓我們可以輕松地實現用戶居中效果，從而提高網站或應用程序的使用體驗。