目录

如何操作 - CSS 标签云

❮ 上一节下一节 ❯

了解如何使用 CSS 创建标签云。

亲自试一试 »

如何创建标签云

步骤1）添加HTML：

示例

<span class="tag-cloud">Volvo</span>
<span class="tag-cloud">BMW</span>
<span class="tag-cloud">Tesla</span>
<span class="tag-cloud">Nissan</span>
<span class="tag-cloud">Toyota</span>
<span class="tag-cloud">Saab</span>
<span class="tag-cloud">Porsche</span>
<span class="tag-cloud">VW</span>
<span class="tag-cloud">Fiat</span>

步骤2）添加CSS：

示例

.tag-cloud {
display: inline-block;
color: white;
padding: 8px 20px;
border-radius: 25px;
background-color: #2196F3;
margin-top: 8px;
}

亲自试一试 »

❮ 上一节下一节 ❯