Cara Membuat element footer html css

 <footer>

Elemen HTML <footer> mewakili footer untuk konten bagian leluhur terdekat atau elemen akar bagian. <footer> biasanya berisi informasi tentang penulis bagian, data hak cipta, atau tautan ke dokumen terkait.

file html

   <article>
        <h1>How to be a wizard</h1>
        <ol>
            <li>Grow a long, majestic beard.</li>
            <li>Wear a tall, pointed hat.</li>
            <li>Have I mentioned the beard?</li>
        </ol>
        <footer>
            <p>© 2018 Gandalf</p>
        </footer>
    </article>


css

article {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

footer {
    display: flex;
    justify-content: center;
    padding: 5px;
    background-color: #45a1ff;
    color: #fff;
}




Lampirkan informasi tentang penulis dalam elemen <address> yang dapat dimasukkan ke dalam elemen <footer>.
Ketika konten ancestor sectioning terdekat atau elemen root sectioning adalah elemen body, footer berlaku untuk seluruh halaman.
Elemen <footer> tidak membagi konten dan karena itu tidak memperkenalkan bagian baru dalam kerangka.

Post a Comment

أحدث أقدم