CSS的一個常見應用是在網頁中添加圖片，并將其放置在指定的位置。另一個有用的應用是在圖片的右上角添加標簽，以指示圖片的來源或相關信息。

要實現這個功能，首先我們需要在HTML代碼中添加一個圖像元素，并設置其大小和位置。例如：

<img src="example.jpg" style="position:absolute; top:0; right:0; width:200px;">

這將在頁面的右上角創建一個200像素寬的圖像，并將其定位在頁面的右上角。接下來，我們可以使用CSS樣式為圖像元素添加一個內容屬性，以顯示圖像的來源、描述或任何其他信息。例如：

img::after {
content: "Photograph by John Smith";
position: absolute;
top: 0;
right: 0;
padding: 10px;
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: bold;
}

這將在圖像元素的右上角添加一個標簽，其中包含文本“Photograph by John Smith”。這個標簽使用絕對定位并設置了與圖像元素相同的位置和大小，以便它始終顯示在圖像的右上角。我們還為標簽添加了一些樣式屬性，例如一個淺灰色的背景、14像素的字體大小和粗體字體。

通過這種方式，我們可以輕松地為網頁中的圖像添加標簽或注釋，并將它們放置在想要的位置。需要注意的是，因為我們使用的是絕對定位，所以圖像元素所在的容器應該具有相對定位。