在CSS中，可以通過transform屬性來實現div的旋轉效果。transform屬性有很多類型，其中包含了旋轉操作。下面我們就來講一下如何旋轉div。

//html代碼
<div class="box"></div>
//css代碼
.box {
width: 100px;
height: 100px;
background: red;
transform: rotate(45deg);
}

在上面的代碼中，我們創建了一個class為box的div，并將其寬高設置為100px，并且背景顏色為紅色。接下來的關鍵就是通過transform屬性將其進行旋轉，我們設置rotate函數，傳入角度參數，例如上面將其旋轉了45度

除了rotate函數，還有另外兩個常用的旋轉函數，分別是skew和scale。skew可以將div進行斜切，而scale則可以進行縮放操作。下面是它們的具體用法：

//使用skew函數
.box {
width: 100px;
height: 100px;
background: red;
transform: skew(30deg);
}
//使用scale函數
.box {
width: 100px;
height: 100px;
background: red;
transform: scale(2);
}

通過上面的幾個例子，我們可以發現，CSS的transform屬性可以實現div的各種旋轉操作，從而使得頁面的展示更加生動有趣。