Latest web development tutorials

etichetta Fondazione

.label classe viene utilizzata per fornire alcune informazioni aggiuntive:

Esempi

<H2> Esempio <span class = "label"> Nuovo </ span> </ h2>
<H3> Esempio <span class = "label"> Nuovo </ span> </ h3>
<H4> Esempio <span class = "label"> Nuovo </ span> </ h4>

Prova »

Le seguenti classi possono impostare il colore dell'etichetta: .secondary , .success , .info , .warning o .alert :

Esempi

<Span class = "label"> etichetta di default </ span>
<Span class = "un'etichetta secondaria" > un'etichetta secondaria </ span>
<Span class = "label successo" > Successo Label </ span>
<Span class = "informazioni label" > Info Label </ span>
<Span class = "etichetta di avvertimento" > Successo Label </ span>
<Span class = "alert label" > Alert Etichetta </ span>

Prova »

etichetta Filetto

.radius e .round classe possono aggiungere gli angoli arrotondati per l'etichetta:

Esempi

<Span class = "label"> etichetta di default </ span>
<Span class = "Raggio label" > Raggio Label </ span>
<Span class = "label rotonda" > rotonda Label </ span>
<Span class = "label successo rotondo "> 5 </ span>

Prova »

dimensione etichetta

CSS può essere utilizzato per modificare la dimensione dell'etichetta:

Esempi

<H1> Esempio <span class = stile "label" = "font-size: 36px;"> Nuovo </ span> </ h1>
<H2> Esempio <span class = stile "label" = "font-size: 30px;"> Nuovo </ span> </ h2>
<H3> Esempio <span class = stile "label" = "font-size: 20px;"> Nuovo </ span> </ h3>
<H4> Esempio <span class = "label"> Nuovo </ span> </ h4>

Prova »