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 度。
除此之外,大家还可以通过其他的属性来控制背景图片的旋转效果,例如,可以改变旋转中心点的位置、改变背景图片的大小等等。不过,无论如何,大家都需要灵活运用不同的属性来实现大家想要的效果。