CSS是一種用于美化網頁的樣式表語言，通過CSS我們可以添加各種效果和樣式來優化網站的展示效果。在實際應用中，我們時常需要在圖片上面添加一些小圖標或標簽來豐富內容，這時我們可以使用CSS在圖片上面放圖片。

.container {
position: relative;
}
.container img {
display: block;
max-width: 100%;
height: auto;
}
.icon {
position: absolute;
top: 10px;
left: 10px;
width: 40px;
height: 40px;
background-image: url('icon.png');
background-repeat: no-repeat;
background-size: contain;
}

首先，我們需要為圖片的父容器添加CSS定位屬性，這樣才能使用CSS絕對定位來放置其他圖標。

接下來，我們需要為圖片設置顯示屬性，即將圖片轉換為塊狀元素，并設置最大寬度和高度自動，以保證圖片比例不會失真。

然后，我們可以定義一個class來添加需要添加到圖片上的小圖標，通過CSS絕對定位將其放置到圖片的相應位置。

其中，我們使用了background-image屬性將小圖標作為背景圖片加入到元素中，同時設置background-repeat屬性為no-repeat，確保小圖標不會重復出現。background-size屬性則是用來設置背景圖片的大小，這里我們使用了contain，意思是將小圖標縮放到適應元素的最大尺寸。

通過使用CSS在圖片上面放圖片，我們可以實現個性化的網站設計效果，豐富網站的內容展示。