CSS 如何换 img 图片 在网站制作中，使用图片可以让网站看起来更加生动和具有吸引力。但是有时候我们需要在一个页面上多次使用同一张图片，为了减少页面加载时间，我们可以使用 CSS 正确地添加图片。 使用 CSS 替换 img 标签的 src 属性就可以轻松地更改图片。具体步骤如下： 1. 使用 img 标签，为其添加一个 class 名称来作为 CSS 的选择器。 ``` ``` 2. 在 CSS 中使用该类名选择器，将其 src 属性修改为新的图片路径。 ``` .my-image { /* 更改 img 的 src 属性 */ content: url('image_2.jpg'); } ``` 3. 在 pre 标签中写入代码。 ```

.my-image {
content: url('image_2.jpg');
}

``` 注意：如果是用伪元素，那么需要设置 ``display: block`` 或 ``display: inline-block``。默认情况下，伪元素的 ``display`` 值是 ``inline``，因此需要设置 ``display: block`` 或 ``display: inline-block``，才能正确地显示图片。 总结 使用 CSS 替换图片是一种优化网页性能的有效方式，可以减少浏览器请求的图片数量，从而提高网站的加载速度。在选择图片的时候，尽可能选择文件大小较小的图片，以减少图片加载时间，使网站更加流畅。