Cara Setting Margin di Blog

ANNYEONG HASEYO..

Harini saya nak bagitau cara setting margin di blog.

Margin tu jarak luar kotak. Contohnya?

margin: 20px;
margin: 20px 10px;
margin: 10px 0 20px 20px;
margin-top: 5px;
margin-left: 30px;
margin-top: 40px;
margin-bottom: 200px;

Kita selalu nampak code yang kita copy paste ada margin, padding dan lain-lain. Tapi dalam entri kali ini saya khususkan untuk margin sahaja. Margin dan padding adalah lebih kurang sama cuma bezanya margin jarak diluar kotak dan padding jarak di dalam kotak.

Margin memang biasa digunakan oleh para designer web. Banyak juga code yang saya gunakan mempunyai margin. Margin boleh jadi margin kiri, kanan, atas dan bawah. Sila lihat warna tulisan dan code untuk lihat perbezaan dengan lebih tepat.

1. Margin semua atas, bawah, kiri, kanan sama nilai

margin: 10px;

2. Margin atas dan bawah - kiri dan kanan

margin: 10px 30px;

3. Margin atas - kanan dan kiri - bawah

margin: 20px 30px 20px;

4. Margin atas - kanan - bawah - kiri (Arah pusingan jam)

margin: 10px 5px 0 40px;

5. Margin atas sahaja

margin-top: 10px;

6. Margin kanan sahaja

margin-right: 10px;

7. Margin kiri sahaja

margin-left: 10px;

8. Margin bawah sahaja

margin-bottom:10px;

Dah faham bagaimana margin berfungsi? Lepas ni anda boleh edit sendiri CSS anda!! Selamat mencuba.. Padding pun lebih kurang sama dengan margin codenya... Anda cuma perlu tukar margin kepada padding