CSS是一種用來描述網頁樣式的語言，其中一個強大的功能就是可以在CSS中插入圖片。 在本文中，我們將探討如何在CSS中插入圖片。

background-image: url("your-image-url.jpg");

上述代碼是最基本的插入圖片的方法，其中我們可以使用任何本地或遠程圖片的URL。 然而，我們還可以使用其他CSS屬性來控制圖片的大小、位置和重復。

background-repeat: no-repeat;
background-size: contain;
background-position: center;

上述代碼分別控制背景圖片的重復方式、尺寸和位置。如果我們希望設置圖片的尺寸并嘗試保持其原始的寬高比，則可以使用“contain”選項。如果想將圖像放置在容器的中心，則可以使用“center”選項。

此外，在CSS中還有其他屬性可以用于插入圖片。例如，我們可以使用“list-style-image”屬性為列表添加圖標，還可以使用“cursor”屬性更改鼠標指針的樣式。

list-style-image: url("list-image.png");
cursor: pointer;

上述代碼展示了如何為列表添加圖標，并使用鼠標指針的樣式。使用這些屬性，我們可以輕松地在網站中插入圖片并控制其外觀。

總的來說，通過在CSS中插入圖片，我們可以為網站添加更多的視覺元素，從而增強用戶體驗。在插入圖片時，我們可以使用不同的CSS屬性來控制圖片的大小、位置和重復，讓網站更具吸引力和易用性。