Texto con hipervinculos
Autor: Marcos S.
Visitado 1709,
Followers 1,
Compartido 0
Hola amigos!!!
Consulta, como puedo hacer para que los textos con hipervinculos tengan diferente color?
Ejemplo:
Si configuro que sean en letras blancas, ya que tengo un fondo oscuro, cuando quiero hacerlo en un fondo claro o blanco, no se ven.
En otras palabras se puede editar cada vez que uno haga un texto con hipervinculo, sin modificar los del resto de la pagina??
Sino estoy limitado a poner un fondo del mismo color siempre que ponga un texto con hipervinculos...
Espero su respuesta, muchas gracias!!!
Publicado en
Hola Marcos,
Eso lo puedes hacer agregando un estilo CSS que defina los colores de los distintos estados del link (activo, en reposo y visitado).
Se hace asi por ejemplo:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
por lo tanto mas abajo cuando agregues tu link va a tomar esos colores:
<a href="https://www.carlos-amaral.com/" target="_blank">Mi Sitio Personal</a>
No te olvides de activar en el objeto de texto la funcion que abilita el uso de codigo html dentro del texto.
Aqui tienes toda la informacion necesaria sobre el manejo de links en html:
https://www.w3schools.com/html/html_links.asp
Es cuestion de probar y jugar con las opciones.
Tambien puedes probar con esta opcion, aunque no es tan segura:
Click <a href="http://www.carlos-amaral.com" style="color: rgb(0,255,0)"><font color="FF00CC">AQUÍ</font></a> para ir a mi sitio personal.
----------------------------------------------------------------------------------------------------------
¡Cada respuesta correcta/útil cuenta! como reconocimiento a un esfuerzo, así que:
Si una respuesta es correcta o te ayuda dale la opción de Correcto.
Si una respuesta te sirve, sea o no sea tu pregunta, dale útil.
Si no te sirve ninguna respuesta, para ayudar a comprender mejor la pregunta trata de agregar links o capturas de Vista Previa, Rejilla de Maquetación, Navegador
Para las capturas: usa la opción Añadir una imagen desde su PC.
Saludos
Carlos A.