Cómo Cambiar El Color De Los Enlaces En El Sitio

Tabla de contenido:

Cómo Cambiar El Color De Los Enlaces En El Sitio
Cómo Cambiar El Color De Los Enlaces En El Sitio

Video: Cómo Cambiar El Color De Los Enlaces En El Sitio

Video: Cómo Cambiar El Color De Los Enlaces En El Sitio
Video: Curso CSS: Cambiar formato de enlaces o links 2024, Mayo
Anonim

En el proceso de trabajo en el sitio, tanto los webmasters profesionales como las personas que se dedican a actualizar el sitio, pero que no son profesionales, realizan varios cambios en el estilo del recurso web. Por ejemplo, es posible que deba cambiar el color de los enlaces en el sitio por algún motivo.

Cómo cambiar el color de los enlaces en el sitio
Cómo cambiar el color de los enlaces en el sitio

En este caso, debe saber que el color de los enlaces se cambia mediante CSS (hojas de estilo en cascada): hojas de estilo en cascada. Estas son tablas que se utilizan junto con un lenguaje de programación para crear un recurso web. CSS es responsable de la estructura del sitio, es decir, de su estilo, apariencia y html, del contenido del recurso. CSS es una continuación de la evolución de HTML.

Color del enlace en el sitio

Por lo tanto, puede cambiar el color de los enlaces tanto para el sitio en su conjunto como para cada enlace por separado. Los colores de los enlaces se establecen como un atributo de la etiqueta principal. Un atributo es algo que no necesita escribir en el código, ya que algunos de ellos ya están configurados por defecto. El atributo de enlace determina el color de los enlaces en la página del sitio. El valor predeterminado es azul. Alink es un atributo que determina el color de los enlaces activos, por defecto es rojo. Vlink: enlaces visitados, su color generalmente aceptado es el violeta.

La mayoría de las veces, el color de los enlaces en las páginas web se establece en notación hexadecimal (#EEEEEE - gris) o en formato rgb (# 808080 - gris), pero también puede usar la notación de color tradicional en inglés (gris - gris). Además, el color se puede configurar en grados, el formato HSL es adecuado para esto. Las cartas de colores son fáciles de encontrar en Internet.

Cambiar el color de los enlaces

Para cambiar el color de todos los enlaces de la página, basta con cambiar el color del atributo de color en los estilos. Para hacer esto, busque el archivo style.css, ábralo y busque el atributo a. Por ejemplo, A {color: verde; / * Color del enlace * /}, donde A es un enlace, cuyo color cambiamos a verde. Puede cambiar el valor del color como desee utilizando cualquiera de los sistemas de notación de color. El navegador lo "entenderá". El estilo se aplicará a todos los enlaces de la página web. Puede cambiar los colores de otros atributos de la misma manera, por ejemplo, el color de un enlace cuando se desplaza sobre él con el cursor del mouse.

Para crear enlaces en diferentes colores en una página web, use la siguiente entrada en la hoja de estilo:

.menu a {color: gris; }

.content a {color: verde; }

Se deduce del ejemplo que los enlaces del menú serán grises y los enlaces del bloque de contenido serán verdes.

Se pueden realizar los mismos pasos con los enlaces si los estilos no están en un archivo separado, sino en el propio documento html. Estos son selectores contextuales.

Si desea editar estilos rápidamente y cambiar los colores de los enlaces, entonces es mejor utilizar el editor visual Dreamwever. Lo principal que debe recordar es que los enlaces deben verse orgánicos en relación con toda la página web. Para fondos claros, los enlaces oscuros son mejores y viceversa.

Recomendado: