CSS右上角批注是一種在網頁中添加注釋或者標記的方法。在實際項目中，我們可以利用CSS的偽元素:before或:after來實現這樣的功能。

/* 偽元素定義 */
.tag:before{
content: "注釋內容";
position: absolute;
top: -10px;
right: -60px;
padding: 5px;
background: #333;
color: #fff;
font-size: 14px;
font-weight: bold;
}
/* 前置偽元素 */
.tag:before{ }
/* 后置偽元素 */
.tag:after{
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -17px;
right: -5px;
/* 箭頭設置 */
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #333;
}

上面的代碼中，我們定義了類名為.tag的元素，并利用:before和:after來實現注釋和標記的功能。注意，在利用偽元素實現功能時，其中的content屬性才是關鍵，可以用它來添加注釋或者標記的內容。其他的屬性使用方法和普通元素一樣，可以根據實際情況來設置。

不過需要注意的一點是，在使用偽元素的時候，需要為其設置絕對定位。同時，由于注釋和標記通常是和特定元素相關的，所以需要設置top和right等屬性來確定注釋的位置。如果需要添加標記的話，可以使用:after來添加，并使用border屬性來實現箭頭的效果。

使用CSS右上角批注功能可以使得網頁的信息更加清晰，也可以在特殊情況下，為其他人或者自己留下必要的提示或者標記。使用偽元素的方式實現這樣的功能，可以有效避免對其他元素造成的影響，提高網頁的代碼復用性和維護性。