CSS中有一種比較有趣的效果就是旋轉盒子，它可以讓一個盒子按照一個角度進行旋轉，非常適合制作一些炫酷的效果。那么該如何設置旋轉盒子呢？接下來，我們將使用pre標簽來展示如何實現旋轉盒子。

.rotate-box {
width: 100px;
height: 100px;
background-color: #ff0000;
transform: rotate(45deg); /* 將盒子旋轉45度 */
}

上面的代碼中，我們首先創建了一個類名為.rotate-box的盒子。接著，我們設置了盒子的寬度和高度為100px，并設置了背景色為紅色。這里需要注意的是，transform屬性才是實現旋轉盒子的核心。

我們使用了transform: rotate(45deg)來將盒子旋轉45度。rotate是transform屬性的一種方法，它可以用來旋轉元素。括號中的角度值可以是正值也可以是負值，表示旋轉的方向。

除了rotate方法，transform屬性還可以使用其他方法來實現炫酷的效果，比如scale和skew。scale方法可以讓元素進行縮放，而skew方法則可以讓元素傾斜。

總之，旋轉盒子是一種非常有趣的效果，在前端開發中也比較常見。如果你感興趣的話，可以嘗試使用transform屬性來實現更多的效果。