[分享]css中怎么将图片设置大小改变大小

CSS中可以通过设置width和height属性，来改变图片的大小。以下是示例代码：

img {
  width: 200px; /* 设置图片宽度为200像素 */
  height: auto; /* 高度自适应 */
} 

上面的代码将图片的宽度设置为200像素，高度根据宽度自适应。如果需要保持图片的纵横比例不变，只需将height属性设置为auto即可。

也可以只设置其中一个属性，如只设置宽度，高度自适应：

img {
  width: 300px; /* 设置图片宽度为300像素 */
} 

如果想通过百分比来设置图片大小，可以这样做：

img {
  width: 50%; /* 设置图片宽度为父元素的50% */
  height: auto; /* 高度自适应 */
} 

上述代码将图片的宽度设置为父元素的50%，高度根据宽度自适应。

除了可以通过CSS来设置图片大小，还可以使用HTML的width和height属性来设置，不过不推荐这种方式，因为这会导致页面加载时间增加。