CSS - Enlace color letra

CSS - Enlace color letra

agosto 22, 2022

Ejercicio 27:

Crear una página en html, agregar minimamente:

1. Un nombre a la página
2. CSS de forma interna:
a. Un enlace cambiando el color de letra cuando no fue visitado, cuando fue visitado, cuando se pasa el cursor encima y cuando se cliquea

index.html

<!DOCTYPE html>

<html>

<head>

<title>CSS - Enlace 1</title>

<style>

          a:link{
                color: darkred;
                background-color: transparent;
               text-decoration: none;
           }

       a:visited{
                color: crimson;
               background-color: transparent;
               text-decoration: none;
           }

   a:hover{
                color: tomato;
               background-color: transparent;
               text-decoration: underline;
           }

   a:active{
                color: darksalmon;
               background-color: transparent;
               text-decoration: underline;
           }

</style>

</head>

<body>

<main>

<h1>Enlace con CSS</h1>

<p><a href="http:google.com">Google</a></p>

<p><a href="https://www.jardineriaon.com/wp-content/uploads/2022/05/margarita-partes.jpg">Flor margarita</a></p>

</main>

</body>

</html>

...

Comentarios