CSS - Enlace con color de fondo
Ejercicio 28:
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 fondo 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 2</title>
<style>
a:link{
color: white;
background-color: rgba (31,133,74,0.7);
padding: 15px 50px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:visited{
color: white;
background-color: rgba (31,130,133,0.7);
padding: 15px 50px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover{
color: white;
background-color: rgb (31,130,133);
padding: 15px 50px;
text-align: center;
text-decoration: underline;
display: inline-block;
}
a:active{
color: white;
background-color: rgb (31,133,74);
padding: 15px 50px;
text-align: center;
text-decoration: underline;
display: inline-block;
}
</style>
</head>
<body>
<main>
<h1>Enlace 2 con CSS</h1>
<p><a href="http:google.com">Google</a><a href="https://www.jardineriaon.com/wp-content/uploads/2022/05/margarita-partes.jpg">Flor margarita</a></p>
</main>
</body>
</html>
Comentarios
Publicar un comentario