BELAJAR WEB DESAIN

Mengenal css margin dan css padding

Mengenal fungsi css margin dan padding 

margin

Anda dapat menggunakan perintah padding jika ingin mengatur jarak didalam box seperti gambar diatas

tetapi jika anda ingin mengatur jarak diluar box anda bisa mengguna fungsi css margin, silakan praktek pada kode css berikut ini:

 .rangka {
    width:350px;
    background-color:#000;
    height:300px;
    }
.menu {
    background-color:#FF0;
    width:300px;
    height:180px;
    margin-top:50px;
    margin-left:25px;
    margin-right:25px;
    padding:5px;    
}

kode html dengan div

<div class="rangka">  <div class="menu">Area pading</div>           </div>
 

 

Selamat mencoba