CSS - style (interno)

Ejercicio 23:

Crear una página en html, agregar minimamente:

    1. Un nombre a la página
    2. CSS de forma interna:
        a. Un color para el fondo de mi página web
        b. Otro color para la letra de mis títlos principales
        c. Para mis subtítulos distintos colores de fondo y centrarlos
        d. Para mis párrafos un color de borde y un espacio de 40px
    3. Redactar una página con 2 títulos, 3 subtítulos y 4 párrafos


index.html

<!DOCTYPE html>

<html>

    <head>

        <title>CSS - interno</title>

        <style>

            body{
                background-color: papayawhip;
            }

            h1{
                color: darkolivegreen;
            }

            h2{
                background-color: lightgrey;
                text-align: center;
            }

            h3{
                background-color: lightgreen;
                text-align: center;
            }

            h4{
                background-color: darkgrey;
                text-align: center;
            }

            h5{
                background-color: lightblue;
                text-align: center;
            }

            h6{
                background-color: lightskyblue;
                text-align: center;
            }

            p{
                border: 2px solid darkslategrey;
                padding: 40px;
            }

        </style>

    </head>

    <body>

        <main>

            <h1>

                CSS interno

            </h1>

            <h2>

                Subtítuo 2

            </h2>

            <p>

                Párrafo 1

            </p>

            <h1>

                Título

            </h1>

            <p>

                Párrafo 2

            </p>

            <h2>

                Subtítulo 2

            </h2>

            <p>

                Párrafo 3

            </p>

            <h3>

                Subtítulo 3

            </h3>

            <p>

                Párrafo 4

            </p>

        </main>

    </body>

</html>




...

Comentarios

Entradas más populares de este blog

Formulario 2