Latest web development tutorials

etiqueta Foundation

.label classe é usada para fornecer algumas informações adicionais:

Exemplos

<H2> Exemplo <span class = "label"> Novo </ span> </ h2>
<H3> Exemplo <span class = "label"> Novo </ span> </ h3>
<H4> Exemplo <span class = "label"> Novo </ span> </ h4>

tente »

As seguintes classes pode definir a cor da etiqueta: .secondary , .success , .info , .warning ou .alert :

Exemplos

<Span class = "rótulo"> rótulo padrão </ span>
<Span class = "rótulo secundário" > Etiqueta secundário </ span>
<Span class = "rótulo sucesso" > Sucesso etiqueta </ span>
<Span class = "info label" > Informações da Label </ span>
<Span class = "warning label" > Sucesso etiqueta </ span>
<Span class = "alert label" > Etiqueta Alerta </ span>

tente »

etiqueta fillet

.radius e .round classe pode adicionar cantos arredondados para o rótulo:

Exemplos

<Span class = "rótulo"> rótulo padrão </ span>
<Span class = "raio label" > Radius etiqueta </ span>
<Span class = "etiqueta redonda" > etiqueta redonda </ span>
<Span class = "sucesso etiqueta redonda "> 5 </ span>

tente »

tamanho de etiqueta

CSS pode ser usado para modificar o tamanho da etiqueta:

Exemplos

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

tente »