Los últimos tutoriales de desarrollo web
 

W3.CSS Colores


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