在網頁設計中，右上角角標的使用是很常見的。它可以突出重要信息，提高頁面的可讀性。然而，很多人不知道如何在CSS中添加右上角角標。今天，我們就來分享一下這個小技巧。

CSS代碼：
.badge {
position: absolute;
top: 0;
right: 0;
background-color: red;
color: #fff;
font-size: 10px;
padding: 3px;
border-radius: 50%;
}

CSS代碼中，我們定義了一個名為“badge”的class，并設置了它的樣式。首先，我們將它的定位方式設置為“絕對定位”，并將它的頂部和右側都設置為0，即定位在右上角。

接下來，我們給它設置了一個背景顏色“red”，字體顏色為“#fff”，并將字體大小設置為10像素，給它一個內邊距為3像素的圓形邊緣。這樣，我們就得到了一個圓形角標。

最后，我們可以在HTML中使用“badge”class來添加我們的角標。例如：

HTML代碼：1

以上就是CSS中如何添加右上角角標的方法，希望對您有所幫助。