CSS是前端開發中不可或缺的一部分，它可以讓頁面的樣式更加豐富多彩，同時，我們也可以使用CSS來旋轉背景圖片。下面，讓我們一起來看一下如何實現這個效果。

body {
background-image: url("your-image-url");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}

首先，我們需要選擇一個背景圖片，并將其作為頁面的背景，代碼中的 “your-image-url” 就是圖片的鏈接地址。然后，我們使用CSS的 transform 屬性來旋轉背景圖片，其中，-webkit-transform、-moz-transform、-ms-transform 和 transform 是為了兼容不同的瀏覽器。最后，使用 rotate() 函數來確定旋轉的角度，這里我們選擇了 30 度。

除此之外，我們還可以通過其他的屬性來控制背景圖片的旋轉效果，例如，可以改變旋轉中心點的位置、改變背景圖片的大小等等。不過，無論如何，我們都需要靈活運用不同的屬性來實現我們想要的效果。