CSS3在背景上加圖片的方法

在CSS3中，可以使用background-image屬性在背景上加圖片，這個(gè)屬性允許你指定一個(gè)或多個(gè)圖像文件，作為元素的背景，下面是一些示例代碼，展示如何在CSS3中添加背景圖片：

1、單個(gè)圖片作為背景：

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

2、多個(gè)圖片作為背景，使用逗號(hào)分隔：

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

3、圖片作為背景，并設(shè)置背景大?。?/p>

div {
  background-image: url('image.jpg');
  background-size: cover; /* 圖片將覆蓋整個(gè)元素 */
}

4、圖片作為背景，并設(shè)置背景位置：

div {
  background-image: url('image.jpg');
  background-position: center; /* 圖片將位于元素中心 */
}

這些示例展示了如何在CSS3中使用background-image屬性添加背景圖片，你可以根據(jù)自己的需求調(diào)整背景圖片的大小、位置和重復(fù)方式。