Làm thế nào để tạo: CSS đám mây thẻ

Học cách sử dụng CSS để tạo đám mây thẻ.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Thử ngay

Làm thế nào để tạo đám mây thẻ

Bước 1 - Thêm 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>

Bước 2 - Thêm CSS:

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

Thử ngay