Hvordan oprette: CSS tag skygge

Lær hvordan man bruger CSS til at oprette tag skygge.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Try it yourself

Hvordan oprette tag skygge

Andet trin - Tilføj 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>

Første trin - Tilføj CSS:

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

Try it yourself