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像素的字体大小和粗体字体。

通过这种方式，我们可以轻松地为网页中的图像添加标签或注释，并将它们放置在想要的位置。需要注意的是，因为我们使用的是绝对定位，所以图像元素所在的容器应该具有相对定位。