CSS : Perbedaan Margin dan Padding di CSS (Part 7)

Assalamualaikum wr.wb

A. JUDUL

   Perbedaan Margin dan Padding di CSS

B. PENDAHULUAN

   1. Pengertian
   2. Latar Belakang
   3. Maksud dan Tujuan
   4. Hasil yang Diharapkan

C. ALAT DAN BAHAN

Laptop atau Pc
Koneksi Internet (Mencari Referensi)
Sublime Text

D. JANGKA WAKTU PELAKSANAAN

10 Menit

E. URAIAN KEGIATAN

          Sebenarnya gambar di atas bisa dengan mudah kalian pahami. Tapi saya ingin menjelaskan sedikit tentang perbedaan Margin dan Padding pada CSS. Misalkan kita membuat satu table dengan Margin 5px, maka space kosong dari border table ke arah luar sebesar 5px tadi adalah MARGIN. Lalu jika membuat satu table dengan padding 5px, maka space kosong antara border dengan content adalah PADDING. Gunakan border pada table anda dan akan lebih kelihatan jelas perbedaannya. Semoga penjelasan saya membantu dan bisa menjadi acuan dalam mendesign HTML dan CSS.

F. TEMUAN PERMASALAHAN

Dulu saya sempat bingung juga perbedaan maupun kegunaan Margin dan Padding.

G. HASIL YANG DI DAPATKAN

Tahu perbedaan Margin dan Padding.

H. KESIMPULAN

        Sebaiknya sebelum menggunakan itu dipahami maksud dan cara kerjanya. Jangan hanya dipakai tetapi tidak paham maksudnya.

I. REFERENSI