7/12/11

Code Tutorial | CSS Margin


Serius aku x tau apa tu margin...tapi untuk coding css aku tau dimana dan bila mau guna code margin ni..tapi aku betul2 x tau apa itu margin...

cth code margin
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px

ada banyak cara lagi untuk tulis code margin ni tapi cukup anda tahu apa yang aku senaraikan tu sahaja... jom tengok penggunaan setiap code margin yang aku senaraikan tu


ini adalah contoh penggunaan code margin:0 auto; .. code ni buat kotak ni berada di tengah2 entri

code di tulis seperti berikut

<div style="background: #ff3366; color: #eeeeee;  margin: 0 auto; width: 300px;">



ini adalah pengunaan code margin-top... code ni buat kotak ni menjauhkan diri dari atas...faham?
code di tulis seperti berikut

<div style="background: #ff3366; color: #eeeeee;  margin-top:30px; width: 300px;">
jika margin-top: saya letakkan angka yang lebih besar seperti margin-top:200px... kotak ni makin ke bawah...
jika saya letak negatif sebelum nombor situasi akan berlawanan cth margin-top:-200px;
hasilnya..kotak ni makin naik ke atas...senangkan..

ini adalah contoh pengunaan code margin-left... code di tulis seperti berikut...
<div style="background: #ff3366; color: #eeeeee;  margin-left:50px; width: 300px;">
kotak ni menjauhkan diri dari kiri..sebab tu kotak ni tidak rapat ke kiri...
senangkan..('',)

rasanya cukup la untuk 3 contoh ni... biar anda berfikir fungsi margin-left dan margin-bottom...hahaha... tapi sebenarnya masa aku tulis entri ni aku mengantuk...kah kah kah...

Sekian

entri ja

Related Posts Plugin for WordPress, Blogger...