css中放多个图片代码怎么写

CSS是前端开发中非常重要的技术之一，它可以让网站更加美观、优雅和易于维护。在CSS中，我们经常需要使用图片来展示各种元素，比如背景、图标、链接等。有时候，我们需要在一个CSS文件中放置多个图片，那么该怎么办呢？
其实，在CSS中放置多个图片非常简单，我们只需要使用CSS选择器来选择需要添加图片的元素，并给他们指定背景图即可。以下是一个简单的示例代码：

p {
    background-image: url('background.png');
}

a {
    background-image: url('link-icon.png');
}

button {
    background-image: url('button.png');
} 

在上面的代码中，我们使用了三个CSS选择器，分别是p、a和button。p代表段落元素，a代表链接元素，button代表按钮元素。我们为这三种元素分别指定了不同的背景图，分别是background.png、link-icon.png和button.png。
要注意的一点是，图片的路径应该写成相对路径或绝对路径。如果是相对路径，可以写成相对于CSS文件的路径，也可以写成相对于HTML文件的路径。如果是绝对路径，应该写成完整的URL地址。
另外，如果需要使用压缩后的图片，可以使用base64编码来替代图片路径。这样做的好处是可以减少HTTP请求数量，并且可避免图片被别人拿走使用，但缺点则是会增加CSS文件大小。
总结一下，CSS中放置多个图片非常简单，只需要使用CSS选择器来选择需要添加图片的元素，并给他们指定背景图即可。同时，我们还需要注意图片路径的写法和是否需要使用base64编码。