在網頁設計中，為了實現美觀的效果，必不可少的就是利用CSS來添加圖片。下面我們就來一起了解一下CSS放置圖片的相關代碼。 首先，引用圖片的代碼如下：

img {
width: 100px; /* 圖片寬度 */
height: 100px; /* 圖片高度 */
background: url("圖片路徑") no-repeat center center; /* 圖片路徑 */
background-size: cover; /* 設置背景尺寸 */
}

其中，需要注意的是圖片路徑需要是正確的文件路徑，可以是相對路徑或者是絕對路徑。同時，可以通過background-size屬性來根據需要調整圖片的大小。 如果想要通過CSS的方式來設置頁面背景圖片，可以參考以下代碼：

body {
background: url("圖片路徑") no-repeat center center fixed; /* 背景圖片路徑 */
background-size: cover; /* 設置背景尺寸 */
}

這里的注意點是，在設置背景圖片時，需要在body標簽下進行設置，同時需要通過fixed來固定背景圖片，防止頁面滾動時圖片無法保持位置。 如果想要在網頁中添加圖標，可以使用以下代碼：

.icon {
display: inline-block; /* 將圖標放置在同一行 */
width: 16px; /* 圖標寬度 */
height: 16px; /* 圖標高度 */
background: url("圖片路徑") no-repeat center center; /* 圖標路徑 */
}

這里我們還需要通過display屬性來將各個圖標放置在同一行，并且需要根據圖標大小來調整相應的寬度和高度。 以上就是CSS放置圖片的相關代碼，希望對大家有所幫助。