可以使用CSS的width和height属性来控制图片的大小。

例如:

HTML代码:

<img src="image.jpg" class="image">

CSS代码:

.image {
  width: 200px;
  height: 150px;
}

上述代码将图片的宽度设置为200像素,高度设置为150像素。你可以根据需要调整这些数值来控制图片的大小。注意,如果只设置其中一个属性,另一个属性会根据图片的比例自动调整。如果你希望保持图片的比例,可以只设置其中一个属性,另一个属性设置为"auto"。

另外,还可以使用max-width和max-height属性控制图片的最大宽度和最大高度,这样可以防止图片超出指定的尺寸。

例如:

.image {
  max-width: 200px;
  max-height: 150px;
}

这样,图片的宽度和高度都不会超过200像素和150像素。如果图片本身尺寸小于指定的最大值,图片将会按照原始尺寸显示。

怎么用css控制图片的大小

原文地址: https://www.cveoy.top/t/topic/ibQF 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录