Tecnología

Inicio

Cómo controlar HTML hipervínculo colores de texto

Cómo controlar HTML hipervínculo colores de texto


A medida que diseña sus páginas Web, es posible que desee cambiar el color de los hipervínculos HyperText Markup Language (HTML), que es el texto designado, que lleva al espectador a otra página en la Web cuando se hace clic. Quizá desea mostrar un tono más acorde con el esquema de color de su página o tal vez simplemente desea usar otro color para resaltar el texto vinculado. El uso de hojas de estilo en cascada (CSS), puede controlar los colores de texto de hipervínculo como sea necesario.

Instrucciones

1 Abra su editor de texto HTML y crear una nueva página o seleccione uno existente.

2 Encontrar el "<head> </ head>" parte del código HTML en el documento y escriba el código regla de estilo CSS entre estas dos etiquetas. El "<style type =" text / css ">" comienza la regla de estilo, el "<! -" Y "->" etiquetas de comentario crear un marcador para el CSS real y el "</ style>" extremos de elementos la parte de estilo de su página. Por ejemplo:
<Head>
<Style type = "text / css">
<! -
->
</ Style>
</ Head>

3 Introduzca un estilo de anclaje "<a>", que controla todos los hipervínculos en sus páginas y siga esto con un atributo "color" entre las etiquetas de comentario. Por ejemplo:
<! -
un color: }
->

4 Seleccionar un color que desea que sus enlaces sean introduciendo el código de color (hexadecimal), tales como "# 0000FF", o simplemente escribiendo el nombre del color como "púrpura". Puede usar la función "selector de color" de su editor de texto para obtener el código de color o hacer referencia a una referencia en línea (ver Recursos). Escriba en su color de la siguiente manera:
a {color: # 0000FF}

5 El nombre de su archivo, guardar y utilizar la función "Vista previa" de su editor para ver los nuevos colores de los hipervínculos. A partir de ahora, todos los enlaces se mostrarán esta sombra a menos que cambie la regla CSS.

Consejos y advertencias

  • Si obtiene una vista previa de la página en un navegador Web y la regla CSS no aparece, refrescar la página y luego volver a comprobarlo.