css代码如何把背景图旋转：只旋转背景图，我不知道怎么弄，如果是旋转整个div连同他的背景图，可以用css3的transform属性...

如果只想旋转背景图，可以使用CSS3的伪元素`::before`或`::after`来实现。具体操作如下：

1. 给需要旋转背景图的元素添加一个父元素，并设置该父元素的`position`属性为`relative`。

2. 给父元素添加一个伪元素`::before`或`::after`，并设置其`content`属性为`""`。

3. 给伪元素设置背景图，并设置其`position`属性为`absolute`，并将其宽高设置为与父元素相同。

4. 使用CSS3的`transform`属性来旋转伪元素，以旋转背景图。

示例代码如下：

<!-- HTML代码 -->
<div class="rotate-bg">
  <p>旋转背景图</p>
</div>

/* CSS代码 */
.rotate-bg {
  position: relative;
  width: 300px;
  height: 200px;
}

.rotate-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("path/to/your/image");
  background-size: cover;
  transform-origin: center center;
  transform: rotate(30deg);
}

其中，`transform-origin`属性用于设置旋转中心点，默认为元素的中心点。`rotate()`函数用于设置旋转角度，单位为度数。