Cách thực hiện - Đám mây thẻ CSS
Tìm hiểu cách tạo đám mây thẻ bằng CSS.
Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda
Cách tạo đám mây thẻ
Bước 1) Thêm HTML:
Ví dụ
<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>
Bước 2) Thêm CSS:
Ví dụ
.tag-cloud {
display: inline-block;
color: white;
padding: 8px 20px;
border-radius: 25px;
background-color:
#2196F3;
margin-top: 8px;
}
Hãy tự mình thử »