Bagaimana untuk membuat: Tag cloud CSS

Belajar bagaimana untuk menggunakan CSS untuk membuat tag cloud.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Coba sendiri

Bagaimana untuk membuat tag cloud

Langkah pertama - Tambahkan 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>

Keselamatan - Tambahkan CSS:

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

Coba sendiri