CSS可以通過對魔方DIV的尺寸進行縮小來使它更加精致和美觀。在本文中，我們將介紹幾種基礎的CSS縮小魔方DIV的方法。

.cube {
width: 300px;
height: 300px;
transform: rotateX(-45deg) rotateY(-30deg);
transform-style: preserve-3d;
}

以上是一個具有默認大小的魔方DIV，如果想要縮小這個DIV，最簡單的方法就是通過改變width和height的數(shù)值。以下是一個簡單的示例：

.cube {
width: 200px;
height: 200px;
transform: rotateX(-45deg) rotateY(-30deg);
transform-style: preserve-3d;
}

這將導致魔方DIV的寬度和高度都減小了100個像素。

另一種方法是使用縮放屬性。以下是示例代碼：

.cube {
width: 300px;
height: 300px;
transform: rotateX(-45deg) rotateY(-30deg) scale(0.8);
transform-style: preserve-3d;
}

這里，我們添加了scale(0.8)，這意味著將魔方DIV的大小縮小了20%。

最后，還可以使用CSS的margin屬性來縮小魔方DIV。如下所示：

.cube {
width: 300px;
height: 300px;
transform: rotateX(-45deg) rotateY(-30deg);
transform-style: preserve-3d;
margin: 10px;
}

這將在魔方DIV的周圍添加10像素的邊距，使其看起來更小。

通過這些CSS技巧，我們可以輕松地縮小魔方DIV，提高網(wǎng)頁的設計質(zhì)量及美感。