css图片顺时针90度 |css怎么演讲

img {
width: 200px;
height: 100px;
transform: rotate(90deg);
}

上述代码表示将图片的宽度设置为200px，高度设置为100px，然后通过transform属性将图片按照顺时针方向旋转90度展示。需要注意的是，旋转后原本图片的宽度将对应变为高度，原本的高度对应变为宽度。

除此之外，还可以通过设置transform-origin属性来控制图片旋转的中心点。默认情况下，中心点位于元素的中心，可以通过像素或百分比值来调整中心点位置。

img {
width: 200px;
height: 100px;
transform: rotate(90deg);
transform-origin: bottom right;
}

以上代码表示将中心点位置移到了图片的右下角。

总之，通过CSS的transform属性，可以轻松而便捷地对图片进行各种旋转变换，让图片展示更加灵活多样。