可以使用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;）：
标签：右上角,标签,三角,字样,样式,添加,css From： https://www.cnblogs.com/ziChin/p/17345689.html