3D立方體的HTML代碼可以通過CSS的transform屬性實現(xiàn)。我們只需要定義一個div元素，并設(shè)置它的CSS樣式就可實現(xiàn)3D立方體的效果。 首先，在HTML中定義一個div元素，并賦予一個class，如下所示：

<div class="cube"></div>

接著，在CSS中定義該div元素的樣式，包括它的寬度、高度、背景顏色以及3D效果的transform屬性。具體代碼如下：

<style>
.cube {
width: 100px;
height: 100px;
background-color: #ff0000;
transform-style: preserve-3d;
transform: rotateY(45deg) rotateX(45deg);
}
</style>

其中，transform-style: preserve-3d用來告訴瀏覽器通過3D效果展現(xiàn)該元素。transform: rotateY(45deg) rotateX(45deg)表示在Y軸和X軸上進行45度的旋轉(zhuǎn)，實現(xiàn)3D立方體效果。 這樣，我們就完成了一個簡單的3D立方體。如果需要更多的效果，可以通過CSS的變換屬性來修改。例如，我們可以添加邊框、陰影、文字等，甚至可以將多個3D立方體組合起來，從而實現(xiàn)更為復(fù)雜的效果。 綜上所述，3D立方體效果是通過CSS的transform屬性來實現(xiàn)的，只需對div元素進行相關(guān)樣式的設(shè)置即可。這樣，我們就可以在網(wǎng)頁設(shè)計中增加更加豐富的3D效果。