标签云造型

Question

我想要的风格my blog's tag cloud为described here。我遵照指示，但有一个小问题。我似乎无法弄清楚如何将每个标签的白色部分（以下红色圈出）改为透明，以便阴影背景显示出来。

Answer 1

它的工作原理，因为演示页面的背景是白色的。下面的CSS就是这个颜色设置：

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

最简单的方法是将#FFF改变颜色最背景颜色相匹配。你不能只是将其设置为透明的，因为标签（黄/橙色的东西）是一个盒子，这只是使上不同的左边框是框左侧的三角形，给它的外观像一个箭头。

看，这里我把它改为transparent #000来说明它是如何使箭头。

你甚至不能告诉你，如果从#FFF将其更改为#EEE。

border-color: #eee transparent;