在网页设计中，常常需要使用图片来美化页面或者展示产品。在展示图片的时候，有时候需要设定图片的高度，以保证页面的美观性。那么，我们该如何使用CSS来设置图片的高度呢？ 首先，需要了解的是，CSS中设置图片高度的属性是“height”。该属性可以通过直接在标签中设置，或者在CSS样式表中设置。设置图片高度的代码如下：

img {
height: 300px;
}

这段代码中，“img”是CSS选择器，表示所有的标签都将被设置相同的属性。而“height: 300px”则是设定图片高度的代码，将图片的高度设置为300像素。需要注意的是，如果图片宽高比例与设定的高度不一致，图片可能会被拉伸或压缩，影响图片的质量。 除了直接设置图片高度之外，我们还可以使用百分比的方式来设定图片高度。这种方式可以让图片的高度与容器元素的高度保持一致，从而适应不同的屏幕尺寸。例如：

.container {
height: 500px;
}
img {
height: 50%;
}

在这段代码中，容器元素的高度被设置为500像素，而图片高度被设置为容器高度的50%。这样，无论容器元素在不同的设备上如何变化，图片的高度都能够自适应。 最后需要注意的是，图片高度除了可以通过CSS来设置，也可以通过HTML属性来设置。例如：

这段代码中，图片的高度被直接设置为300像素。虽然这种方式操作起来简单，但是不利于代码维护和调整，建议使用CSS样式表来进行图片高度设定。
以上就是关于CSS如何设定图片高度的相关内容。希望对你有所帮助！