CSS自動旋轉Div是一種非常有趣且實用的效果，可以使您的網頁看起來更加生動和吸引人。采用CSS自動旋轉Div的方法非常簡單，只需要對您想要應用這種特效的Div元素添加一些CSS代碼即可。

div {
width: 100px;
height: 100px;
background-color: #ccc;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上述代碼使用了CSS動畫屬性animation來完成自動旋轉效果。在Div元素的CSS中，我們定義了它的基本樣式，包括寬度、高度和背景顏色。然后，我們創建一個名為“rotate”的關鍵幀動畫，其中包括旋轉效果的起始角度和終止角度。最后，在Div元素的CSS中，我們使用animation屬性調用了這個動畫，并且指定它的播放時間和播放次數。

值得注意的是，我們把動畫的播放次數設置為infinite，這意味著它將一直播放下去，直到頁面被關閉或者用戶停止它。如果您希望動畫播放一定的次數后停止，可以將這個值設置為一個數字。

總的來說，使用CSS自動旋轉Div可以輕松地為您的頁面增加一些動態效果，使它們更加生動有趣。通過控制旋轉的角度和時間，您可以實現非常多樣化的效果，例如旋轉菜單、旋轉廣告等等。趕快嘗試一下吧！