角標是用來標記文本或數字的一個小而常見的效果。隨著CSS的發展，角標CSS樣式變得更加靈活和多樣化。 要創建一個角標，我們可以使用CSS的position屬性，將元素移到文本的上方或下方。然后設置顏色、背景色和邊框的樣式。 例如，下面的CSS代碼可以為數字添加一個顏色為紅色的角標：

p span {
position: relative;
}
p span::before {
content: "";
display: inline-block;
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
color: white;
text-align: center;
line-height: 20px;
}

這個代碼塊中，我們首先將一個span元素放置在p元素中，以便為文本創建角標。接下來，我們使用::before偽元素來創建一個圓形的角標，該元素的大小和位置可以使用top，right，width和height屬性來控制。我們還設置了文本顏色和內部元素的垂直居中。 還可以通過CSS實現更高級的角標樣式，例如添加反光和投影效果。讓我們看看下面這個CSS示例：

p span::after {
content: "";
display: inline-block;
position: absolute;
bottom: -10px;
left: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: white;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
transform: rotate(-45deg);
}

在這個例子中，我們使用::after偽元素來創建一個反光角標。它位于文本下方，使用box-shadow屬性為其添加投影效果并進行旋轉。 在設計網站或桌面應用程序時，使用角標可以幫助我們 強調重要信息 或指導用戶操作流程。CSS使創建角標CSS樣式變得非常簡單，允許我們實現各種類型的角標樣式，從簡單的標記標簽到更高級的特效，如反光和投影。