標籤雲造型

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;