可以使用CSS中的僞類:before來實現在標籤右上角添加“推薦”字樣的斜三角樣式,具體實現代碼如下:
```
.recommend:before {
content: "推薦";
position: absolute;
top: -8px;
right: -26px;
z-index: 1;
padding: 14px 22px 2px;
background-color: #ff9900;
transform: rotate(45deg);
font-size: 12px;
color: #FFFFFF;
}
```
在HTML中添加標籤並賦上類名“.recommend”即可,如下所示:
```
<span class="recommend">文章標題</span>
```
這樣就可以在標籤右上角添加帶有“推薦”字樣的斜三角樣式了。
如下圖(父級添加position: relative;):