CSS是一種用于網頁布局和風格化的語言，它可以通過樣式表來控制網頁的外觀。要創建一個正方體，我們需要使用CSS的transform屬性和3D變換。

.cube {
width: 100px;
height: 100px;
transform-style: preserve-3d;
transform: rotateX(45deg) rotateY(45deg);
}
.cube .face {
position: absolute;
width: 100px;
height: 100px;
opacity: 0.8;
border: 2px solid black;
box-sizing: border-box;
background-color: white;
}
.cube .front {
transform: translateZ(50px);
}
.cube .back {
transform: rotateY(180deg) translateZ(50px);
}
.cube .left {
transform: rotateY(-90deg) translateZ(50px);
}
.cube .right {
transform: rotateY(90deg) translateZ(50px);
}
.cube .top {
transform: rotateX(90deg) translateZ(50px);
}
.cube .bottom {
transform: rotateX(-90deg) translateZ(50px);
}

上面的代碼創建了一個 class 名為“cube”的元素，這個元素是正方體的容器。容器中包含了六個 class 名為“face”的元素，用來表示正方體的六個面。每個面都有一個不同的class名，如“front”、“left”等，用來對應不同的 transform。

通過 transform 屬性，我們可以將每個面移動到正方體的正確位置。每個面都使用了“translateZ”屬性，它指定了正方體的深度。因為我們使用的是3D變換，我們使用“rotateX”和“rotateY”屬性來轉換正方體。

最后，我們需要確保容器使用“transform-style: preserve-3d;”屬性，這樣可以保持正方體的形狀。

使用上面的代碼，你可以創建出一個漂亮的3D正方體，來為你的網頁增添一份炫酷的效果。