Come creare: Nuvola di tag CSS

Impara come creare una nuvola di tag utilizzando CSS.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Prova personalmente

Come creare una nuvola di tag

Primo passo - Aggiungi 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>

Secondo passo - Aggiungi CSS:

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

Prova personalmente