本文目錄導(dǎo)讀：

1. 使用img元素
2. 使用背景圖像

CSS3加入圖片的方法

CSS3是一種強(qiáng)大的樣式表語言，可以用來控制網(wǎng)頁的外觀和布局，在CSS3中，可以使用多種方法來加入圖片，包括使用img元素、使用背景圖像等。

使用img元素

在HTML中，img元素可以用來插入圖片，在CSS3中，可以使用img元素來樣式化圖片，包括設(shè)置圖片的大小、位置、邊框等屬性，下面的代碼可以將一張圖片插入到網(wǎng)頁中，并設(shè)置圖片的大小為200px*200px，位置為居中，邊框為1px的實線邊框：

<img src="image.jpg" alt="圖片">

img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 1px solid #000;
}

使用背景圖像

在CSS3中，可以使用背景圖像來將圖片作為某個元素的背景，下面的代碼可以將一張圖片作為div元素的背景，并設(shè)置背景圖片的重復(fù)方式為不重復(fù)：

<div></div>

div {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
}

需要注意的是，在使用背景圖像時，需要確保圖片的路徑正確，否則將無法正確顯示圖片，還需要注意圖片的版權(quán)問題，確保使用的圖片不侵犯他人的版權(quán)。