CSS设置图片比例是网页设计中非常重要的一部分，因为不同的图片比例可以为网页带来不同的视觉效果。接下来我们就来介绍一下如何使用CSS设置图片比例。

首先，在HTML中插入一张图片，代码如下：

<img src="example.jpg" alt="Example">

在这个例子中，我们插入了一个名为example.jpg的图片，还添加了一个alt属性，该属性可以提供图片的替代文本，这对于访问性很重要。

然后我们可以使用CSS来设置图片的比例，在CSS中我们可以为img元素添加width和height属性，并对其进行设置。例如，我们可以将宽度设置为50%：

img {
width: 50%;
height: auto;
}

在这个例子中，我们将宽度设置为50%，并将高度设置为自动，这样就可以保持图片的比例不变，使其适应屏幕大小。

另外，我们也可以将图片的高度设置为一个具体的像素值，而将宽度设置为自动：

img {
width: auto;
height: 200px;
}

在这个例子中，我们将高度设置为200像素，而将宽度设置为自动，这样可以使图片适应高度，同时保持自身的比例不变。

总结：

CSS设置图片比例非常重要，在网页设计中起着至关重要的作用，可以为网页带来不同的视觉效果。我们可以使用width和height属性来设置图片的比例，使其适应屏幕大小，同时保持自身的比例不变。