Cómo Resaltar Un Enlace Con Color

Tabla de contenido:

Cómo Resaltar Un Enlace Con Color
Cómo Resaltar Un Enlace Con Color

Video: Cómo Resaltar Un Enlace Con Color

Video: Cómo Resaltar Un Enlace Con Color
Video: CÓMO SUBRAYAR CON COLORES: Mi técnica 2024, Abril
Anonim

El lenguaje de marcado HTML tiene una gran cantidad de opciones para mostrar elementos en la ventana del navegador. Para editar parámetros gráficos, configure el color de los elementos de la página, a menudo se usa CSS, lo que le permite ajustar el color del texto deseado.

Cómo resaltar un enlace con color
Cómo resaltar un enlace con color

Instrucciones

Paso 1

Para editar el parámetro de visualización del enlace, debe cambiar el código de la página. Abra su documento HTML con una utilidad de edición de código. Utilice el editor estándar de Windows "Bloc de notas". También puede instalar programas adicionales como Notepad ++ o HTML-Viewer que le permitirán ver el código que necesita con resaltado de sintaxis. Para abrir el archivo en el editor, haga clic derecho y seleccione "Abrir con". En la lista que aparece, especifique la utilidad que ha seleccionado.

Paso 2

En la ventana del editor, navegue hasta el enlace cuyo color desea cambiar. Cada enlace tiene el formulario Nombre del enlace. Para cambiar el color del texto, use el parámetro de estilo.

Paso 3

Después de seleccionar la línea que necesita cambiar, vaya al bloque de página. Después del descriptor de cierre, ingrese la etiqueta y cree la pseudoclase CSS deseada. Por ejemplo:

.colorchange {color: rojo;

fondo: azul;

relleno: 1px; }

Paso 4

Este código crea una pseudoclase denominada cambio de color que se puede utilizar en los atributos de enlace. El parámetro de color es responsable del color del texto del elemento; en este caso, se establece el valor rojo, que creará el texto en rojo. Puede agregar cualquier valor HTML a este elemento. El color de fondo del enlace se establece mediante el parámetro de fondo. El parámetro de relleno es responsable de la sangría del enlace en relación con otros elementos.

Paso 5

Después de crear una pseudoclase, debe establecerse en el cuerpo del documento en sí. Regrese a la sección del código donde se encuentra su enlace. Edítelo escribiendo el parámetro de clase y dándole un valor con el nombre de la pseudoclase CSS. Por ejemplo:

Nombre del enlace

Paso 6

Creará un enlace rojo con un fondo azul y un relleno de 1 píxel como se especifica en el CSS anterior. Guarde los cambios realizados en el archivo y cierre la ventana del editor. Para verificar el código especificado, abra su página en una ventana del navegador para asegurarse de que la configuración realizada sea correcta. Se completa el resaltado del enlace con color.

Recomendado: