/*第一种方法:利用百分比调整图片尺寸*/ img{ width: 50%; /*将图片宽度缩小一半*/ } /*第二种方法:利用像素值调整图片尺寸*/ img{ width: 200px; /*将图片宽度设为200像素*/ }
上述代码中,大家可以通过修改width的值来达到改变图片尺寸的目的。第一种方法利用百分比,可以根据容器大小自适应调整图片大小;第二种方法则利用固定的像素值,适合针对特定尺寸的图片进行调整。
需要注意的是,若只修改图片的宽度而不修改高度,图片可能会出现拉伸或压缩的情况。因此,建议对宽高同时进行设置。
以上是关于CSS改变图片尺寸的介绍,希望对大家有所帮助。