O melhor tutorial etiqueta Foundation em 2024. Neste tutorial você pode aprender
etiqueta fillet,tamanho de etiqueta,
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 »