CSS中的旋轉效果可以給網頁增加更多的動感和時尚感，而其中div的旋轉效果更是被廣泛應用于各種網站設計中。下面我們來看一下如何使用CSS的div旋轉。

.divRotate{
transform: rotate(30deg);
}

利用CSS中的transform屬性，我們可以為div添加旋轉效果。在其后添加rotate(30deg)表示將div旋轉30度。

這里是旋轉后的div內容

在HTML代碼中，我們只需要給需要旋轉的div添加對應的class名即可。例如上面的代碼中，我們為div添加了divRotate的class名。

.divRotate{
transform: rotate(30deg);
transform-origin: center; /* 設置旋轉中心為div的中心點 */
}

除了旋轉角度之外，我們還可以通過設置transform-origin屬性來改變旋轉中心，該屬性的值可以是left、right、top、bottom，也可以是像素或百分比的值。例如上述代碼中，我們將旋轉中心設置為div的中心點。

需要注意的是，在IE瀏覽器中，必須使用filter屬性來實現旋轉效果，例如：

.divRotate{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

上述代碼中的rotation屬性值可以是0、1、2、3，分別表示0°、90°、180°、270°的旋轉效果。

以上就是CSS中div旋轉的使用方式，通過簡單的代碼設置，我們可以輕松給網頁增添更多的動感和視覺效果。