css旋转180度怎么转(css 旋转90度)

CSS旋转90度的方法有很多种，下面我们一一介绍。

方法一：transform属性使用CSS的transform属性来旋转元素。要将元素旋转90度，可以使用“transform:rotate(90deg);”语句。以下是示例代码：css.rotate-90{transform:rotate(90deg);}使用此类名称添加到HTML元素以将元素旋转90度。

方法二：writing-mode属性CSS的writing-mode属性可以控制文本和元素的方向。要将元素旋转90度，您可以使用“writing-mode:Vertical-lr;”语句。以下是示例代码：````css.rotate-90{writing-mode:Vertical-lr;}````类似地，使用添加到HTML元素的此类名称会将元素旋转90度。

方法3：旋转容器通过旋转父容器，可以将内容旋转90度。以下是示例代码：css.container{transform:rotate(90deg);}

.content{width:200px;height:100px;}````HTML部分：```htmlLoremipsumdolorsatamet，consecteturadipiscingelit。```上面的代码中，通过旋转`.container`类中的内容块，使Content旋转90度。

通过以上三种方法，可以使用transform属性、writing-mode属性和旋转容器来实现元素的旋转。无论是文本还是容器旋转，都可以通过这些方式来实现。您可以根据实际需要选择一种合适的方法来使用。