在網頁設計中，經常需要在圖像的右上角添加一些標簽，比如一些注釋、說明或者特殊標記等等。這時我們可以使用CSS來實現這一效果。

首先，我們需要在HTML文件中插入一張圖片。在圖片上方添加一段代碼如下：

<div class="image">
<img src="image.jpg">
<span class="tag">標簽</span>
</div>

以上代碼中，我們給圖片外面包了一個div容器，然后在div中嵌套了圖片和我們要添加的標簽。接下來，我們使用CSS來對標簽進行定位和樣式修改。

.image {
position: relative;
width: 200px;
height: 200px;
}
.tag {
position: absolute;
top: 0;
right: 0;
padding: 5px;
background-color: #007bff;
color: #fff;
}

以上CSS代碼中，我們首先設置圖片容器的position屬性為relative，這樣使得我們后面設置標簽的position屬性為absolute相對于其進行定位。然后我們可以通過top和right屬性將標簽放置在圖片的右上角位置。接下來我們設置了標簽的背景色和字體顏色，使其更為鮮明突出。

這樣，我們就成功的實現了圖片右上角標簽的添加效果。可以按照需求來進行樣式修改，例如修改標簽的位置、樣式和大小等。