How TO - 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;
}
自己動手試一試 »
