CSS中插入圖片的方法

在CSS中插入圖片，需要使用url()函數(shù)來指定圖片的路徑，以下是一些示例代碼：

1、在CSS中插入單張圖片：

img {
  content: url('image.jpg');
}

2、在CSS中插入多張圖片：

img {
  content: url('image1.jpg'), url('image2.jpg');
}

3、在CSS中插入圖片并設(shè)置圖片大?。?/p>

img {
  content: url('image.jpg');
  width: 200px;
  height: 300px;
}

4、在CSS中插入圖片并設(shè)置圖片位置：

img {
  content: url('image.jpg');
  position: absolute;
  top: 50px;
  left: 100px;
}

需要注意的是，content屬性只在偽元素（如::before和::after）或img元素上有效，如果你想在HTML元素上直接插入圖片，可以使用background-image屬性：

div {
  background-image: url('image.jpg');
}

如果你使用的是CSS3的box-decoration-break屬性，可以將圖片作為元素的背景，并在元素的子元素中顯示：

div {
  box-decoration-break: clone;
  background-image: url('image.jpg');
}