標題：CSS如何添加小三角姓

小三角姓是一種常見的CSS樣式，用于在網頁中創建姓氏的下劃線。以下是添加小三角姓的步驟：

1. 在HTML中，添加一個<span>標簽，用于表示小三角姓。

例如：

```

<span id="姓"></span>

```

其中，`id`為該標簽的唯一的ID屬性，`#`后面跟著一個數字，用于標識該元素。

2. 在CSS中，使用以下樣式設置該元素的定位和樣式：

```

#姓 {

position: absolute;

top: 10px;

left: 10px;

width: 20px;

height: 20px;

background-color: red;

border-radius: 50%;

transform: rotate(-45deg);

```

其中，`position`屬性用于設置元素的位置，`top`和`left`屬性用于設置元素相對于頁面中心的位置，`width`和`height`屬性用于設置元素的大小，`background-color`屬性用于設置元素的填充顏色，`border-radius`屬性用于設置元素的圓角半徑，`transform`屬性用于設置元素的變換方式。

可以看到，我們使用了`border-radius`屬性來創建圓角效果，并使用`transform`屬性來旋轉元素45度。

3. 可以在CSS中設置其他樣式，例如字體、顏色、大小等，以實現所需的效果。

例如：

```

#姓 {

position: absolute;

top: 10px;

left: 10px;

width: 20px;

height: 20px;

background-color: red;

font-size: 16px;

line-height: 1.6;

```

上述示例中，我們使用了字體、顏色和大小等樣式設置，以實現所需的效果。

通過以上步驟，就可以在CSS中添加小三角姓，并實現所需的樣式效果。