Classes de cor
W3.CSS usa classes de cores, que podem ser usados em qualquer elemento HTML.
As classes de cor são inspirados por cores usadas em marketing, sinais de trânsito, e notas.
Londres
Londres é a cidade capital da Inglaterra. É a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 13 milhões de habitantes.
Exemplo
<div class="w3-indigo">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>
Tente você mesmo " Nomes das cores
W3-vermelho
w3-rosa
w3-roxo
w3-deep-purple
w3-indigo
w3-blue
w3-azul-claro
w3-ciano
w3-Aqua
w3-teal
w3-verde
w3-luz-verde
w3-lime
w3 de areia
w3-khaki
w3-amarelo
w3-âmbar
W3-laranja
w3-deep-laranja
w3-azul-cinzento
w3-brown
w3-cinza-claro
w3-cinza
w3-cinza-escuro
w3-preta
w3-pálido-vermelho
w3-amarelo-pálido
w3-verde-claro
w3-azul-claro
Colorido Containers
Londres é a cidade capital da Inglaterra. É a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 13 milhões de habitantes.
Londres é a cidade capital da Inglaterra. É a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 13 milhões de habitantes.
Teclas coloridas
Texto Colorido
Vermelho Roxo Azul Verde Laranja
Colorido Fronteiras
Preto Laranja Azul Verde Vermelho
Cores Hover
A cor w3-hover- e classes de cor w3-pairar-didáticos permitir o uso de todas as cores acima fundo e de texto como hoverable cores:
Vermelho Roxo Azul Verde Laranja
Tabelas coloridas
| Nome | Pontos |
|---|---|
| Jill Smith | 50 |
| Eve Jackson | 94 |
| Adam Johnson | 67 |
| Bo Nilson | 35 |
Colorido Cartões
Um carro é um veículo motorizado rodado, auto-alimentado utilizado para o transporte. A maioria das definições do termo especifica que os carros são projetados para funcionar principalmente em estradas, para ter o assento para um a oito povos, tipicamente ter de um a oito povos, tipicamente ter quatro rodas. (Wikipedia)
Classes texto da cor
No preto
w3-text-vermelho
w3-text-rosa
w3-text-roxo
w3-text-deep-roxo
w3-text-indigo
w3-text-azul
w3-text-azul-claro
w3-text-ciano
w3-text-Aqua
w3-text-teal
w3-text-verde
w3-text-luz-verde
w3-text-cal
w3-text-areia
w3-text-khaki
w3-text-amarelo
w3-text-âmbar
w3-text-laranja
w3-text-deep-laranja
w3-text-azul-cinzento
w3-text-marrom
w3-text-cinza-claro
w3-text-cinza
w3-text-cinza-escuro
w3-text-preta
-W3-texto branco
No cinza
w3-text-vermelho
w3-text-rosa
w3-text-roxo
w3-text-deep-roxo
w3-text-indigo
w3-text-azul
w3-text-azul-claro
w3-text-ciano
w3-text-Aqua
w3-text-teal
w3-text-verde
w3-text-luz-verde
w3-text-cal
w3-text-areia
w3-text-khaki
w3-text-amarelo
w3-text-âmbar
w3-text-laranja
w3-text-deep-laranja
w3-text-azul-cinzento
w3-text-marrom
w3-text-cinza-claro
w3-text-cinza
w3-text-cinza-escuro
w3-text-preta
-W3-texto branco
No Branco
w3-text-vermelho
w3-text-rosa
w3-text-roxo
w3-text-deep-roxo
w3-text-indigo
w3-text-azul
w3-text-azul-claro
w3-text-ciano
w3-text-Aqua
w3-text-teal
w3-text-verde
w3-text-luz-verde
w3-text-cal
w3-text-areia
w3-text-khaki
w3-text-amarelo
w3-text-âmbar
w3-text-laranja
w3-text-deep-laranja
w3-text-azul-cinzento
w3-text-marrom
w3-text-cinza-claro
w3-text-cinza
w3-text-cinza-escuro
w3-text-preta
-W3-texto branco