# 让标签看起来像真实世界的标签

**URL:** <https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237>\
**Category:** UX\
**Created:** [2018 年10 月 23 日 07:40 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237 "2018-10-23T07:40:38Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

作者： ![AntiMetaman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/antimetaman/32/186978_2.png) [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)\
发布日期： [2020 年7 月 26 日 04:10 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/10 "2020-07-26T04:10:37Z")

</div>

我得说，我支持这种标签不应是矩形而应看起来像标签的想法。然而，仅靠 CSS 是不够的，至少这个方案不行。这只有在黑色背景上才有效，此时三角形不可见。

![image](https://global.discourse-cdn.com/meta/original/3X/d/9/d9cbabd228fdddb2ada9e87ca39d79871e6940c6.png)

否则，你会看到这种情况：

![image](https://global.discourse-cdn.com/meta/original/3X/c/9/c93d47b0ec620a4cdfdd4a1087422a000bfb11ad.png)

我们需要一个更好的实现方法。[https://codepen.io/matt-harris/pen/GqFev](https://codepen.io/matt-harris/pen/GqFev)

---

_[View the full topic](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237)._