Css 向字体图标添加样式

下面是我试过的

<i class="fa fa-2x fa-border fa-user"></i>

---

这实际上创建了一个图标，但我不知道如何在右上角的

绿色
。
您可以使用
：在
伪元素之后添加三角形：

.fa-user {
    position: relative;
}
.fa-user:after {
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent lightgreen transparent transparent;
}

请参见

提示：查找“CSS三角形”以掌握它