Cambiar color a los enlaces

Necesito cambiar el color de los enlaces en una página web y no se como hacerlo.

La FAQ Cambiar color a los enlaces tiene

Pertenece a la categoría:
Pregunta
Necesito cambiar el color de los enlaces en una página web y no se como hacerlo.
Respuesta de Miguel Angel Alvarez
En la etiqueta body se definen esas cosas:



<body link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">



link para los enlaces normales

vlink para los enlaces visitados

alink para los enlaces activos (en el momento de pulsarse)


También se pueden cambiar con Hojas de Estilo en Cascada, colocando los estilos en la cabecera de la página, por ejemplo:


<STYLE type="text/css">


A:link {text-decoration:none;color:#0000cc;}


A:visited {text-decoration:none;color:#ffcc33;}


A:active {text-decoration:none;color:#ff0000;}


A:hover {text-decoration:underline;color:#999999;}


</STYLE>


Otras maneras de colocar estilos, así como la aplicación de estilos avanzada a los enlaces se puede aprender en el Manual de CSS.

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

raul

10/2/2006
como cambiar el color del enlace al pasar la flecha del ratón por encima suya en una página web.???

Miguel Navarro

12/2/2008
Contesto a raul:

Pon lo de abajo entre <HEAD> y </HEAD>, sustituyendo '#C0C0C0' por el color que quieras (quitando las barras:).

<STYLE type="text/css">
A:hover {text-decoration:underline;color:#C0C0C0;}
</STYLE>

Manuel

11/3/2009
Muy util, gracias ;)

Realshadow

19/10/2009
Muy útil!!!
Muchas gracias.

Carolina De Sousa Sans

01/3/2012
Cambiar los colores de los links
Hola, me encuentro elaborando HTML para prepara Boletines de noticias para mi empresa, en muchos sitios he leido que lo ideal es usar html plano. Entonces eso es lo que estoy haciendo. Pero tengo un problemita, tengo varios links a distintas direcciones dentro de la pagina web de la empresa y necesito que cada link tenga un color distinto. Como puedo hacer eso? me coloca los colores por defecto.
Muchisimas gracias de antemano pro su colaboracion...

inejo

28/9/2012
gracias
Super!!! muchas gracias me fue muy util

maruto

27/1/2013
Gracias!
Gracias Miguel Angel, ha sido de mucha ayuda tu explicación

gera

18/4/2013
Cambiar color a los enlaces
<html>
<head>
<style type="text/css">
a:hover
{
background-color:red;
}
a:link {color:green;}
a:visited {color:green;}
a:active {color:yellow;}
</style>

</head>
<body>
<p>
<a href="http://osos.fime.uanl.mx" target="_blank">osos de fime</a>
<p>
<a href="http://www.google.com.mx" target="_blank">google de mex</a>
<p>
</body>
</html>

Html

17/2/2014
Ejemplo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<body bgcolor=green text=yellow>
<body link=yellow vlink=blue alink=black>
<center>
<FONT SIZE=6 COLOR=RED FACE=COSMIC>
Tenis
</FONT>
<h1><center>
<li>
<FONT SIZE=3 COLOR=green FACE=vERDANA>
<a href="http://es.wikipedia.org/wiki/Rafael_Nadal"> Rafael Nadal </a>
</font>
<h1><center>
<UL TYPE=circle>
<li>
<FONT SIZE=3 COLOR=green FACE=vERDANA>
<a href="http://es.wikipedia.org/wiki/Roger_Federer"> Roger Federer </a>
</font>
<UL TYPE=circle>
<h1><center>

<FONT SIZE=3 COLOR=green FACE=vERDANA>
<a href="http://es.wikipedia.org/wiki/Novak_%C4%90okovi%C4%87"> Novak Djockovik</a>
</font>
<h1><center>
<FONT SIZE=3 COLOR=white FACE=vERDANA>
<a href="http://es.wikipedia.org/wiki/Juan_Mart%C3%ADn_del_Potro">Del Potro</a>
</font>

<html>
<head>
<title>Untitled</title>
</head>
<body>

</body>
</html>

AntonioA23

18/3/2014
cambiar color a enlaces
es una informacion muy util, ¡¡muchas gracias!!!
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías