css - 标签云样式

Question

我正在尝试按照此处所述设置我的博客标签云的样式。我已按照说明进行操作，但有一个小问题。我似乎无法弄清楚如何将每个标签的白色部分（下面以红色圈出）更改为透明，以便阴影背景显示出来。

Answer 1

它之所以有效，是因为演示页面的背景是白色的。下面的 CSS 是设置此颜色的位置：

.cloud .tag:before {
    border-color: #FFF transparent;

最简单的方法是将 更改为#FFF与背景最匹配的颜色。您不能只将其设置为透明，因为标签（黄色/橙色的东西）是一个框，这只是在该框的左侧制作了一个具有不同左边框的三角形，使其看起来像箭头。

看，在这里我改变了它transparent #000来说明它是如何制作箭头的。

您甚至无法判断是否将其从 更改#FFF为#EEE。

border-color: #eee transparent;