在網頁設計中，有時我們需要在圖片上添加一些標簽來描述圖片的內容或者用途。這些標簽通常位于圖片的右上角，以便不影響圖片的美觀性。那么，我們可以使用CSS來實現圖片右上角標簽的效果。

/* HTML 代碼 */
<div class="image-container">
<img src="example.jpg">
<span class="label">Example</span>
</div>
/* CSS 代碼 */
.image-container {
position: relative;
display: inline-block;
}
.label {
position: absolute;
top: 0;
right: 0;
padding: 5px;
background-color: #000;
color: #fff;
font-size: 14px;
}

如上代碼所示，我們先以一個div標簽作為圖片容器，再將圖片以img標簽的形式插入其中。為了實現標簽在圖片右上角的效果，我們需要將圖片容器的position屬性設置為relative，再將標簽的position屬性設置為absolute，并且將top和right屬性設置為0，即可使標簽定位在圖片的右上角。

接下來，我們可以對標簽的樣式進行設置。這里添加了padding、背景顏色、字體顏色和字體大小等屬性，你可以根據需要進行修改。

最后，你可以將這些代碼復制到你的CSS文件中，以便在頁面中使用。記得將HTML代碼中的example.jpg替換為你自己的圖片路徑，并在標簽中輸入適合的內容。

通過以上步驟，你就可以輕松地給圖片添加右上角標簽了。