Latest web development tutorials

Foundation-Label

.label Klasse wird einige zusätzliche Informationen zur Verfügung zu stellen verwendet:

Beispiele

<H2> Beispiel <span class = "label"> Neu </ span> </ h2>
<H3> Beispiel <span class = "label"> Neu </ span> </ h3>
<H4> Beispiel <span class = "label"> Neu </ span> </ h4>

Versuchen »

Die folgenden Klassen können die Farbe des Etiketts festgelegt: .secondary , .success , .info , .warning oder .alert :

Beispiele

<Span class = "label"> Standard - Label </ span>
<Span class = "label Sekundär" > Sekundär Aufkleber </ span>
<Span class = "label Erfolg" > Erfolg Etikett </ span>
<Span class = "Label - Info" > Info - Aufkleber </ span>
<Span class = "label Warnung" > Erfolg Etikett </ span>
<Span class = "label alert" > Alarm Aufkleber </ span>

Versuchen »

Fillet Etikett

.radius und .round Klasse kann abgerundete Ecken für das Label hinzu:

Beispiele

<Span class = "label"> Standard - Label </ span>
<Span class = "label Radius" > Radius Aufkleber </ span>
<Span class = "label Runde" > Rund Aufkleber </ span>
<Span class = "label Erfolg Runde "> 5 </ span>

Versuchen »

Etikettengröße

CSS kann verwendet werden, um die Größe des Etiketts zu modifizieren:

Beispiele

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

Versuchen »