# 组名彩色框

**URL:** <https://meta.discourse.org/t/colored-box-for-group-name/130891>\
**Category:** UX\
**Created:** [2019年十月13日 10:32 UTC](https://meta.discourse.org/t/colored-box-for-group-name/130891 "2019-10-13T10:32:17Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)\
**Post date:** [2019年十月13日 10:58 UTC](https://meta.discourse.org/t/colored-box-for-group-name/130891/2 "2019-10-13T10:58:37Z")

</div>

这个帖子应该会有所帮助——查看帖子最后一篇回复中的 CSS，即可了解所使用的技巧：

> [@Background SVG distinguished posts](https://meta.discourse.org/t/background-svg-distinguished-posts/110850):
>
> Hello, Just saying beforehand that I am not good in CSS at all. Blizzard uses discourse for their forums and every employee can distinguish their post with the blizzard logo in the background. I tried to replicate it with CSS but I am not good at that at all. Now I see that Blizzard uses SVGs for that little background logo [image] My approach is awful and since I have my logos in SVGs I prefer it that way, how is it possible? .moderator .regular\>.cooked { background-image: u…

具体是这一段 👇

```
// 这是用户头衔的颜色
    .group-Employee>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
    background-color: #4c3319;
}

```

---

_[View the full topic](https://meta.discourse.org/t/colored-box-for-group-name/130891)._