当前位置:首页 > 行业动态 > 正文

在html中 如何让图片旋转90度

在HTML中,可以使用CSS的transform属性来让图片旋转90度,具体操作如下:

1、在HTML文件中插入图片标签<img>,并为其添加一个类名,例如rotateimage

<img src="yourimagesource.jpg" alt="yourimagedescription" class="rotateimage"> 

2、接下来,在<style>标签或者外部CSS文件中,为rotateimage类添加transform属性,设置旋转角度为90度。

.rotateimage {
  transform: rotate(90deg);
} 

这样,图片就会旋转90度,如果需要逆时针旋转,可以将角度设置为90度。

0