[分享]css中如何设置背景图旋转90

在CSS中，我们可以使用transform属性来设置元素的旋转效果。如果想要将背景图旋转90度，可以通过以下的代码实现：

background-image: url("bg-image.jpg");
transform: rotate(90deg); 

上面的代码中，首先用background-image属性设置了背景图的路径，接着使用transform属性将其旋转了90度。
需要注意的是，该方法旋转的是整个元素，而非仅仅是背景图。如果需要仅仅旋转背景图，可以尝试以下的代码：

background-image: url("bg-image.jpg");
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat; 

这里借助了background-size和background-repeat两个属性来实现我们的需求。其中，background-size属性设置为contain表示背景图尽可能占满整个元素，而background-repeat属性设置为no-repeat表示不重复显示背景图。
总的来说，使用以上的代码，就可以轻松地实现背景图旋转90度的效果了。