CSS - style (externo)

 Ejercicio 24:

Crear una página en html, agregar minimamente:

    1. Un nombre a la página
    2. CSS de forma externa, creando un archivo styles.css:
        a. Un color oscuro para el fondo de mi página web (como si fuera tema nocturno), utilizando rgb
        b. Otro color para el borde de mis títlos principales
        c. Para mi subtítulo 2 un color de fondo transparente al 70% y agregar una imagen
        d. Para mis párrafos otro color de letra, agregar margen y cambiar tipo de letra
    3. Redactar una página con 2 títulos, 2 subtítulos y 3 párrafos


index.html

<!DOCTYPE html>

<html>

    <head>

        <title>CSS - externo</title>

        <link rel="stylesheet" href="styles.css">

    </head>

    <body>

        <main>

            <h1>

                CSS externo

            </h1>

            <p>

                Párrafo 1

            </p>

            <h2><img src="triángulo.png">

                Subtítulo 2

            </h2>

            <p>

                Párrafo 2

            </p>

            <h1>

                Título

            </h1>

            <h2><img src="triángulo.png">

                Subtítulo 2

            </h2>

            <p>

                Párrafo 3

            </p>

        </main>

    </body>

</html>


...

styles.css

body{
    background-color: rgb (52,52,52);
}

h1{
    color: white;
    border: 4px solid lightcoral;
}

h2{
    color: white;
    background-colorrgba (216,129,111,0.3);
}

p{
    color: darksalmon;
    margin20px;
    font-family'Courier New', Courier, monoespace;

}

img{
    width25px;
    height: 25px;
}





...

Comentarios

Entradas más populares de este blog

Formulario 2