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{
                colorwhite;
                background-color:  rgba (31,133,74,0.7);
                padding:  15px 50px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
            }

            a:visited{
                colorwhite;
                background-color:  rgba (31,130,133,0.7);
                padding:  15px 50px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
            }

            a:hover{
                colorwhite;
                background-color:  rgb (31,130,133);
                padding:  15px 50px;
                text-align: center;
                text-decoration: underline;
                display: inline-block;
            }

            a:active{
                colorwhite;
                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

Entradas más populares de este blog

Formulario 2