在網頁設計中，圖片是不可或缺的元素之一。而如何讓圖片在網頁中展現得更美好，便需要用到 CSS 的幫助。下面我們來看一下如何在 CSS 中放置圖片。

首先，我們需要先從 HTML 中給圖片一個容器：

<div>
<img src="example.jpg">
</div>

其中，<img>標簽中的src屬性指明了圖片的路徑。

接下來，我們在 CSS 中對這個圖片容器進行樣式設置。可以使用background屬性來放置圖片，如下所示：

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

其中，background-image屬性指定了圖片的路徑，而background-size屬性則用于控制圖片的大小和布局。在這個例子中，我們使用了cover參數，表示讓背景圖片填充整個容器，并自動縮放以適應容器的尺寸。

當然，你也可以使用其他的值來控制圖片的大小和布局。例如：

background-size: contain; // 圖片完整顯示在容器內，不會變形
background-position: center center; // 圖片居中顯示
background-repeat: no-repeat; // 禁止圖片平鋪

總之，通過 CSS 中的background屬性，我們可以輕松地實現圖片在網頁中的美觀展示。