在 CSS 中，我們可以使用 border 屬性來實現各種形狀的角標，包括三角形、圓角等。下面我們將介紹如何實現這些效果。

1. 實現三角形角標：

.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000;
}

在這段代碼中，我們設置了一個寬度為 0，高度也為 0 的元素，并且為其設置了三條邊框。左右兩側的邊框都是透明的，而底邊框則是實心的，顏色為黑色。

2. 實現帶圓角的三角形角標：

.arrow-up-rounded {
position: relative;
display: inline-block;
width: 100px;
height: 30px;
background-color: #fff;
border: 1px solid #ccc;
}
.arrow-up-rounded:before {
content: '';
position: absolute;
top: -15px;
right: 50%;
margin-right: -10px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 10px solid #ccc;
border-right: 10px solid #ccc;
border-bottom: 10px solid #fff;
border-radius: 2px;
}

這段代碼中，我們先創建了一個帶有圓角的容器，使用了 position: relative 將偽元素定位在容器內。然后，我們在偽元素上設置了邊框，將其設置為箭頭的形狀，并為其設置了圓角效果。

以上就是使用 CSS 來實現角標的方法，希望對各位讀者有所幫助。