css图像旋转正方形

要在CSS中将图像旋转为正方形，可以使用以下步骤：

1. 首先，在HTML文件中添加一个`<div>`元素，并将其作为图像的容器。例如：

<div class="image-container">
  <img src="your-image.jpg" alt="Your Image">
</div>

2. 接下来，在CSS文件中定义`.image-container`类，并设置其宽度和高度相等以创建正方形容器。例如：

.image-container {
  width: 200px;
  height: 200px;
}

3. 接下来，将图像元素的样式设置为继承其父容器的尺寸，并使用`transform`属性来进行旋转。例如：

.image-container img {
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

在这个例子中，我给图像元素设置了一个45度的旋转角度。你可以根据自己的需要调整旋转角度。

这样，图像将被旋转为正方形并显示在容器内。你可以根据需要调整容器的尺寸和旋转角度。记得将`your-image.jpg`替换为你自己的图像路径。