img {
width: 300px;
height: 200px;
}上述CSS代码将图片的宽度设置为300px、高度设置为200px。这里需要注意的是，设置图片的大小时，大家应该同时设置图片的宽度和高度，避免图片的比例失衡，导致图片变形。
除了使用固定的像素尺寸，大家还可以使用比例的方式来控制图片的大小。例如：
img {
width: 50%;
height: auto;
}这里的width属性设置为50%，意思是将图片的宽度设置为其包含元素的宽度的一半，而高度则根据图片的原始比例自动调整。
还有一种情况是，当大家需要在图片与文字之间添加一定的间距时，大家可以使用CSS中的margin属性。例如：
img {
margin: 20px;
}这里的margin属性值设置为20px，意味着在图片的四周都会添加20px的空白间距，使图片与文字有一定的距离，更美观舒适。
需要注意的是，当图片超出了其包含元素的宽度时，浏览器默认会将图片缩小以适应包含元素的宽度。若想显示原始大小的图片，大家可以使用CSS中的max-width和max-height属性来限制图片的最大宽度和高度。
img {
max-width: 100%;
max-height: 100%;
}上述CSS代码将图片的最大宽度和最大高度都设置成了包含元素的100%，这样图片就不会被缩小，而是在其原始大小下展示。