CSS是一種用于制作網頁樣式的語言，可以定義許多網頁元素的樣式，包括文字，圖片和動畫。本文將介紹如何使用CSS定義圖片自動轉動。

/*定義圖片樣式*/
img {
width: 200px;
height: 200px;
/*設置圖片為旋轉狀態*/
transform: rotate(0deg);
/*定義動畫名稱和屬性*/
animation: rotate-image 5s linear infinite;
}
/*定義旋轉動畫*/
@keyframes rotate-image {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上代碼中，我們首先定義了圖片的樣式，設置其寬高為200px，并且添加旋轉樣式，初始值為0deg。然后，我們通過CSS3中的動畫屬性定義了一個名為“rotate-image”的動畫，動畫時間為5秒，線性變化，并且設置為無限循環。

接下來，我們通過“@keyframes”來定義旋轉動畫。其中，0%為動畫開始時的狀態，即圖片初始值為0deg，而100%為動畫結束時的狀態，即圖片旋轉360deg。

以上就是使用CSS定義圖片自動轉動的方法。通過這種方法，我們可以使用CSS輕松實現一個圖片旋轉的動畫效果，增加網頁內容的趣味性和吸引力。