Las clases de color
W3.CSS utiliza clases de color, que se pueden utilizar en cualquier elemento HTML.
Las clases de colores están inspirados en los colores utilizados en la comercialización, señales de tráfico, y las notas adhesivas.
Londres
Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes.
Ejemplo
<div class="w3-indigo">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>
Inténtalo tú mismo " Los nombres de color
w3-rojo
W3-rosa
W3-púrpura
W3-deep-púrpura
W3-índigo
W3-azul
W3-Celeste
W3-cian
W3-aqua
W3-verde azulado
W3-verde
W3-verde claro
W3-cal
W3-arena
W3-caqui
W3-amarillo
W3-ámbar
w3-naranja
W3-deep-naranja
W3-azul-gris
W3-marrón
W3-gris claro
W3-gris
W3-gris oscuro
W3-negro
W3-rojo pálido
W3-amarillo pálido
W3-verde pálido
W3-azul pálido
Los contenedores de color
Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes.
Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes.
Botones de colores
Texto coloreado
Rojo Violeta Azul Verde Naranja
color Fronteras
Rojo Verde Azul Naranja Negro
Hover Colores
El color w3-hover- y clases de color w3-asomar-texto- permiten el uso de todos los colores por encima de fondo y de texto como hoverable colores:
Rojo Violeta Azul Verde Naranja
Las tablas de colores
Nombre | Puntos |
---|---|
Jill Smith | 50 |
Eve Jackson | 94 |
Adam Johnson | 67 |
Bo Nilson | 35 |
Tarjetas de color
Un coche es un vehículo de motor con ruedas, con alimentación propia para el transporte. La mayoría de las definiciones del término especificar que los coches están diseñados para funcionar principalmente en carreteras, tener asiento para una a ocho personas, que tienen típicamente de uno a ocho personas, que tienen típicamente cuatro ruedas. (Wikipedia)
Clases color del texto
en Negro
W3-texto-roja
W3-texto-rosa
W3-texto-púrpura
W3-texto-deep-púrpura
W3-texto-índigo
W3-texto-azul
W3-texto-Celeste
W3-texto-cian
W3-texto-aqua
W3-texto-verde azulado
W3-texto-verde
W3 de texto de color verde claro
W3-texto-cal
W3-texto-arena
W3 de texto de color caqui
W3-texto-amarillo
W3-texto-ámbar
W3-texto-naranja
W3-texto-deep-naranja
W3-texto-azul-gris
W3-texto-marrón
W3-texto-gris claro
W3-texto-gris
W3 de texto de color gris oscuro
W3-texto-negro
W3-texto-blanco
en Gris
W3-texto-roja
W3-texto-rosa
W3-texto-púrpura
W3-texto-deep-púrpura
W3-texto-índigo
W3-texto-azul
W3-texto-Celeste
W3-texto-cian
W3-texto-aqua
W3-texto-verde azulado
W3-texto-verde
W3 de texto de color verde claro
W3-texto-cal
W3-texto-arena
W3 de texto de color caqui
W3-texto-amarillo
W3-texto-ámbar
W3-texto-naranja
W3-texto-deep-naranja
W3-texto-azul-gris
W3-texto-marrón
W3-texto-gris claro
W3-texto-gris
W3 de texto de color gris oscuro
W3-texto-negro
W3-texto-blanco
en Blanco
W3-texto-roja
W3-texto-rosa
W3-texto-púrpura
W3-texto-deep-púrpura
W3-texto-índigo
W3-texto-azul
W3-texto-Celeste
W3-texto-cian
W3-texto-aqua
W3-texto-verde azulado
W3-texto-verde
W3 de texto de color verde claro
W3-texto-cal
W3-texto-arena
W3 de texto de color caqui
W3-texto-amarillo
W3-texto-ámbar
W3-texto-naranja
W3-texto-deep-naranja
W3-texto-azul-gris
W3-texto-marrón
W3-texto-gris claro
W3-texto-gris
W3 de texto de color gris oscuro
W3-texto-negro
W3-texto-blanco