在網頁開發中，我們經常需要在頁面中插入圖片。而 CSS 是網頁樣式設計的核心，因此我們也需要掌握如何使用 CSS 控制圖片的顯示和布局。在 CSS 中，我們可以使用background-image屬性來指定圖片的 URL，讓網頁展示出我們期望的效果。

.my-image {
background-image: url("my-image.jpg");
}

上面這段代碼中，我們定義了一個名為my-image的樣式類。其中使用了background-image屬性來指定背景圖片的 URL。我們可以在引號中填寫自己的圖片文件路徑，注意區分相對路徑和絕對路徑。

如果我們希望圖片從頂部開始鋪滿整個容器，可以同時使用background-repeat和background-size屬性。

.my-image {
background-image: url("my-image.jpg");
background-repeat: no-repeat;
background-size: cover;
}

上面這段代碼中，我們使用了no-repeat防止背景圖片重復，使用cover讓背景圖片盡可能地鋪滿容器。還可以使用background-position屬性來調整圖片在容器中的位置。

除了背景圖片，我們也可以使用<img>標簽來插入圖片。為了讓圖片與其他元素協調，我們還需要設置一些樣式。

.my-image {
width: 200px;
height: 200px;
}
.my-image img {
max-width: 100%;
height: auto;
display: block;
}

上面這段代碼中，我們定義了一個寬高為 200px 的容器，用來包含圖片。然后設置了圖片的最大寬度為 100%，高度自適應，并且讓圖片以塊級元素的形式顯示。這樣可以確保圖片不會超出容器，同時保持良好的布局。

以上就是使用 CSS 控制圖片 URL 的一些基本方法和注意事項。相信在實際開發中，我們還會頻繁使用到這些屬性。因此我們需要不斷地練習和掌握，為我們的網頁設計增色不少！