CSS中可以方便地用代码控制多个图片的显示，这在网页设计和开发中非常实用。
首先，需要创建一个HTML文件，然后在文件头部添加一个CSS样式表，以便在后续代码中使用。接着，在HTML中使用img标签来添加多个图片，每个标签需要有独立的class或id属性。
下面是一个示例代码，其中有三个img元素，分别使用class属性来选择它们进行样式控制：
<html>
<head>
<style>
.mypic {
border: 2px solid #ccc;
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
</style>
</head>
<body>
<img class="mypic" src="image1.jpg" alt="image1">
<img class="mypic" src="image2.jpg" alt="image2">
<img class="mypic" src="image3.jpg" alt="image3">
</body>
</html>在这段代码中，使用了CSS选择器 .mypic 来控制所有class为“mypic”的img元素。其中，设置了边框为2像素实线，图片大小最大为其容器大小的100%，高度自适应，居中显示。
使用class属性的好处是方便批量控制多个元素，样式可以统一管理。
此外，在CSS中也可以使用id选择器对单个图片进行控制，例如：
<img id="myimage" src="image1.jpg" alt="my image">
#myimage {
width: 200px;
height: 200px;
margin: 10px;
}在这里设置了id为“myimage”的img元素宽度和高度都为200像素、外边距为10像素。
总之，使用CSS可以方便地控制多个图片的样式，减少代码重复，提高开发效率。