CSS是一種常見的樣式表語言，可以使網站的外觀更加美觀和專業化。這里介紹一個常見的需求，就是如何在網頁上將盒子放置在中間。

/* 將盒子設置為絕對定位 */
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

代碼中的盒子被設置為絕對定位，并使用top和left屬性將其放置于頁面的中心。接下來，通過transform屬性來進一步居中盒子，其中translate(-50%, -50%)指定了沿著X軸和Y軸負方向的偏移量為盒子尺寸的50%。

在應用該代碼之后，我們可以將盒子放在網頁的中心位置，使得網頁看起來更加美觀和專業化。同時，這個方法適用于各種不同尺寸的盒子，非常實用。