> Faqs > Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros

Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros

Que debo hacer para que en un enlace pueda especificar que color, color de fondo y subrayado.

He logrado hacer esto con una instrucción de STYLE en la cabecera head

Pero esto lo hace a todos los enlaces de la pagina y lo que yo quiero es personalizar cada uno con diferentes colores

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

Lo que debes de hacer es asignarle nombre al tipo de link que vas a hacer, por ejemplo:

.notas {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 9px}
A.notas:link {TEXT-DECORATION: none; COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 9px}
A.notas:active {TEXT-DECORATION: none; COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 9px}
A.notas:visited {TEXT-DECORATION: none; COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 9px}
A.notas:hover {TEXT-DECORATION: none; COLOR:#000000; FONT-WEIGHT: bold}

y si tienes otros link que quieres que sean diferentes,

.otros {COLOR: #FFFFFF; FONT-FAMILY: tahoma; FONT-SIZE: 10px}
A.otros:link {TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-FAMILY: tahoma; FONT-SIZE: 10px}
A.otros:active {TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-FAMILY: tahoma; FONT-SIZE: 10px}
A.otros:visited {TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-FAMILY: tahoma; FONT-SIZE: 10px}
A.otros:hover {TEXT-DECORATION: none; COLOR:#FFFF00; FONT-WEIGHT: bold}

y asi cuando los llames ya sea desde font o desde la etiqueta a los llamas con class.

<font class="notas"> o <a href="tu\_link.html" class="notas">
<font class="otros"> o <a href="tu\_link.html" class="otros">

Arturo Paredes