CSS 三維盒子可以給網頁帶來更立體的效果，讓用戶有更加真實的視覺享受。使用 CSS 來實現三維盒子，需要用到以下幾個 CSS 樣式。

.box {
position: relative;
width: 200px;
height: 200px;
perspective: 800px;
}
.box__face {
position: absolute;
width: 100%;
height: 100%;
background-color: #eee;
border: 1px solid #999;
}
.box__face--front {
transform: translateZ(100px);
}
.box__face--back {
transform: translateZ(-100px) rotateY(180deg);
}
.box__face--left {
transform: translateX(-100px) rotateY(-90deg);
}
.box__face--right {
transform: translateX(100px) rotateY(90deg);
}
.box__face--top {
transform: translateY(-100px) rotateX(90deg);
}
.box__face--bottom {
transform: translateY(100px) rotateX(-90deg);
}

這里以一個正方體為例，盒子的容器采用 relative 定位，并設置 perspectve 樣式，這個樣式定義了項目被查看位置的視圖。每一個面通過絕對定位來定位到父元素盒子中間，再利用 transform 樣式來實現相應的效果。

在 HTML 中，用 div 標簽來構造一個盒子容器，每一個面都用 div 標簽作為子元素，通過添加不同的類名來定義相應的面，實現三維盒子效果。