在CSS中，我們可以使用多種方法給矩形添加角標(biāo)，角標(biāo)通常用于表示某個(gè)矩形與其他矩形的關(guān)系或者重要性，下面是一些常見的方法：

1、使用偽元素：

CSS的偽元素功能可以讓我們?cè)诓桓淖僅TML結(jié)構(gòu)的情況下，給矩形添加角標(biāo)，我們可以使用::before或::after偽元素在矩形的某個(gè)位置添加角標(biāo)。

```css

.box::before {

content: "角標(biāo)內(nèi)容";

position: absolute;

top: 0;

left: 0;

}

```

2、使用背景圖像：

我們可以將角標(biāo)設(shè)計(jì)成一個(gè)背景圖像，并將其應(yīng)用到矩形上，這種方法可以讓我們更加靈活地控制角標(biāo)的位置和樣式。

```css

.box {

background-image: url('角標(biāo)圖像.png');

background-repeat: no-repeat;

background-position: top right;

}

```

3、使用邊框樣式：

通過調(diào)整矩形的邊框樣式，我們可以創(chuàng)造出類似角標(biāo)的視覺效果，這種方法簡單易行，適用于需要簡潔風(fēng)格的場景。

```css

.box {

border-top: 5px solid #000;

border-right: 5px solid #000;

}

```

4、使用CSS動(dòng)畫：

通過CSS動(dòng)畫，我們可以讓角標(biāo)以動(dòng)態(tài)的方式出現(xiàn)在矩形上，增加一些交互性和趣味性，這種方法適用于需要吸引用戶注意力的場景。

```css

@keyframes add-angle {

0% { transform: rotate(0deg); }

100% { transform: rotate(45deg); }

}

.box {

animation: add-angle 1s linear;

}

```