Margin: Jarak tepi kotak dengan elemen di luarnya.
Pada dasarnya semua elemen dalam HTML memiliki area kotak, oleh karena itu dapat mengatur margin dan padding untuk semua elemen HTML termasuk tag <body>.
Contoh Padding dan Margin
<!doctype html> <html> <head> <title>Contoh Penggunaan Font</title> <style type="text/css"> .kotak{ border: red 1px solid; margin: 10px; padding:5px; background-color: yellow; } .biasa{ border: red 1px solid; background-color: yellow; } </style> </head> <body> <div class="kotak">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> <div class="kotak">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> <div class="kotak">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> <h3>Di bawah ini tanpa margin dan padding</h3> <div class="biasa">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> <div class="biasa">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> <div class="biasa">Isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi konten isi.</div> </body> </html> |
0 Response to "Belajar Padding dan Margin CSS"
Post a Comment