CSS中的紅色角標是一種常用的效果，在許多網站上都能看到。這種效果可以用來提示用戶關于某個特定元素的信息，比如商品的折扣等。下面我們來看一下如何實現紅色角標的CSS樣式。

/*CSS代碼*/
.badge {
position: relative;
top: -10px;
right: -10px;
background: red;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: white;
line-height: 24px;
}

首先我們定義一個類名為“badge”的樣式，該樣式是用來創建紅色角標的。通過設置該樣式的position屬性為relative，可以使其相對于父元素定位。接下來，通過設置top和right屬性，可以實現將紅色角標定位到元素的右上角。

接下來，通過設置樣式的background為紅色，border-radius為50%，可以使得紅色角標呈現出圓形的形狀。同時，設置width和height屬性的值為相同值，可以實現元素的寬高相同。并且設置text-align屬性為center，使得文本在元素的水平中心位置對齊。

最后，設置font-size和font-weight屬性的值為14px和bold，在元素上呈現出粗體的文本，并且設置color為白色，使得文本顏色與紅色背景形成反差。通過設置line-height屬性，可以實現文本與元素頂邊和底邊之間的距離為0。

通過以上的CSS樣式設置，我們成功地創建了一個紅色角標的樣式。