CSS中讓背景圖旋轉(zhuǎn)的方法很簡(jiǎn)單，只需要使用transform屬性即可。具體實(shí)現(xiàn)過程如下： 首先，在HTML中添加一個(gè)需要旋轉(zhuǎn)背景圖的元素，如下所示：

這是一段需要旋轉(zhuǎn)背景圖的內(nèi)容

然后，在CSS中為該元素添加旋轉(zhuǎn)效果的代碼，如下所示： .rotate-bg { background-image: url('bg.jpg'); /* 設(shè)置背景圖 */ transform: rotate(45deg); /* 將背景圖旋轉(zhuǎn)45度 */ background-size: cover; /* 背景圖尺寸自適應(yīng) */ } 其中，rotate(45deg)表示將元素旋轉(zhuǎn)45度，background-size: cover;表示讓背景圖尺寸自適應(yīng)，填充整個(gè)元素。 如果需要讓旋轉(zhuǎn)效果更加平滑，則可以添加如下代碼： .rotate-bg { /* ... */ transition: transform 0.5s ease-out; /* 添加過渡效果 */ } 其中，transition: transform 0.5s ease-out;表示在0.5秒內(nèi)，讓元素的transform屬性平滑過渡。 最終呈現(xiàn)效果如下圖所示： （圖片為旋轉(zhuǎn)了45度的背景圖）