Tecnología

Inicio

Cómo cambiar los colores en el CSS de Google

October 20

Google Chrome es compatible con Cascading Style Sheets, un lenguaje de hojas de estilo común que se utiliza para cambiar la apariencia del texto, imágenes, tablas y otros aspectos de un sitio web. Puede cambiar los colores de Google a través de la CSS propiedades "background-color" "color" y. Estas propiedades se pueden aplicar a casi cualquier elemento de una página Web.

Instrucciones

1 Añadir "<style>" y "</ style>" para el código HTML. Inserte las etiquetas en medio de la "<head>" y "</ head>" etiquetas:

<Head>
<Style>
</ Style>
</ Head>

2 Añadir un elemento a cambiar. Insertar el elemento en el medio de la "<style>" y "</ style>" etiquetas. Ejemplos de elementos incluyen "cuerpo", "p", "H1" a través de "H6", "a", "TD" y "div". El código debe ser similar a la siguiente:

elemento {}

3 Insertar "background-color:" de entre las llaves para cambiar los colores de fondo en Google con CSS; inserte "color:" en el medio de las llaves para cambiar el color del texto:

td {color:}

o

td {background-color:}

4 Añadir el código de color hexadecimal en el atributo. Inserte el siguiente código del colon, a continuación, coloque un punto y coma después de que el código hexadecimal:

body {background-color: # FFFF00; }

5 Añadir "enlace", "visitada", "activa" y "libera" al atributo CSS cuando se trabaja con el elemento "a", por lo que el código similar al siguiente:

a: link {color: # 000000; }
a: visited {color: #FFFFFF; }
a: active {color: # FF00FF; }
a: hover {color: # FFFF00; }

Consejos y advertencias

  • "Enlace" cambia la apariencia de los enlaces no visitados; "Visitados" cambia la apariencia de los enlaces visitados; "Activo" cambia el aspecto de un vínculo cuando se hace clic en; "Estacionario" cambia la apariencia del enlace cuando moused terminado.
  • Puede aplicar los mismos colores a múltiples elementos mediante el uso de comas. Por ejemplo, para hacer que tanto los enlaces visitados y no visitados negro, cambiar el código CSS para lo siguiente: "a: link, a: visited {color: # 000000;}".