在CSS中添加背景圖片是一種常見的操作，但如何找到適合的圖片呢？下面將向你介紹圖片如何在CSS代碼中被找到。

首先，為了找到合適的背景圖片，你可以考慮從圖片庫尋找。可以在Google圖片，unsplash等網站上尋找免費的高質量照片，可以根據關鍵詞搜索所需的圖片，下載后保存到本地。

接著，在CSS代碼中定義背景圖片的屬性，使用background-image屬性。下面是一個示例：

div {
background-image: url("images/background.jpg");
}

其中，url(#) 語句用于載入圖片，可以使用絕對路徑或相對路徑指向圖片

如果打算從一個CSS文件夾下載文件，CSS中的相對路徑必須在引用圖像時考慮到它當前所在的文件夾的位置。假設你有以下源代碼：

- index.html
- css/styles.css
- images/background.jpg

想要在styles.css中使用background.jpg，可以使用以下代碼：

div {
background-image: url("../images/background.jpg");
}

在這里，../images 將圖像路徑指向一個包含樣式表的文件夾之上的文件夾，您可以將其認為是從CSS到圖像的相對路徑。

最后，好的習慣是為您的CSS代碼添加一些注釋。事實上，要在CSS代碼中找到任何東西，注釋是非常有用的！下面是一個注釋示例：

/* 使用圖片作為div的背景 */
div {
background-image: url("../images/background.jpg");
}

在這個示例中，注釋描繪了這個CSS代碼塊中的目的，為你或未來的開發者提供了有用的信息。