css - タグクラウドのスタイリング

Question

ここで説明されているように、ブログのタグ クラウドのスタイルを設定しようとしています。指示に従いましたが、小さな問題が 1 つあります。各タグの白い部分 (下の赤丸で囲んだ部分) を透明に変更して、影付きの背景が透けて見えるようにする方法がわかりません。

Answer 1

デモページの背景が白なのでうまくいきます。以下の CSS は、この色が設定されている場所です。

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

最も簡単な方法は#FFF、背景に最適な色に変更することです。タグ（黄色/オレンジ色のもの）がボックスであるため、透明に設定することはできません。これにより、ボックスの左側に異なる左の境界線を持つ三角形が作成され、矢印のような外観になります。

transparent #000ほら、ここで矢印を作る方法を説明するために変更しました。

#FFFからに変更したかどうかさえわかりません#EEE。

border-color: #eee transparent;