如何 - CSS 标签云
了解如何使用 CSS 创建标签云。
福特 沃尔沃 宝马 特斯拉 日产 丰田 萨博 保时捷 大众 菲亚特 本田
如何创建标签云
步骤 1) 添加 HTML
示例
<span class="tag-cloud">沃尔沃</span>
<span class="tag-cloud">宝马</span>
<span class="tag-cloud">特斯拉</span>
<span class="tag-cloud">日产</span>
<span class="tag-cloud">丰田</span>
<span class="tag-cloud">萨博</span>
<span class="tag-cloud">保时捷</span>
<span class="tag-cloud">大众</span>
<span class="tag-cloud">菲亚特</span>
步骤 2) 添加 CSS
示例
.tag-cloud {
display: inline-block;
color: white;
padding: 8px 20px;
border-radius: 25px;
background-color: #2196F3;
margin-top: 8px;
}
自己试试 »
