Belajar Menggunakan MARGIN, PADDING ,FLOAT, WIDTH, HEIGHT, CLEAR, dan BACKGROUD-COLOR.

/
0 Comments
ngaeweb
 Margin, Padding ,Float, Width, Height, Clear, dan Background-color. 
NgaeWeb -  halo halo.. maaf udah lama gak ngepost biasalah anak kuliahan gitu sibuk terus hehehe.. 
yoshh langsung saja materi yang saya upload hari ini mengenai MARGIN, PADDING ,FLOAT, WIDTH, HEIGHT, CLEAR, dan BACKGROUD-COLOR.

Margin             : Kode Css yang di gunakan untuk memberi jarak di luar class atau id.
Padding           : Kode Css yang di gunakan untuk memberi jarak ke dalam class.
Float                : Kode Css yang di gunakan agar class atau id yang kalian buat dapat menempel satu sama lain.
Width               : Kode Css yang di gunakan untuk menentukan lebar sebuah class.
Height              : Kode Css yang di gunakan untuk menentukan tinggi sebuah class.
Backgroud-color : Kode Css yang di gunakan untuk menentukan atau memberi warna pada class.
Clear               : Kode Css yang bersifat sebagai penetral agar kode float tidak meleber keluar fungsi. Clear adalah sebuah kode yang unik dan terus di gunakan agar halaman HTML dapat sesuai dengan apa yang di harapkan.

Hah dari pada pusing dengan penjelasan di atas mending lanngsung kita praktekkan.

Pertama – tama kita akan membuat 3 buah kotak.


Setelah membuat 3 kotak lalu panggilah kotak tersebut d dalam halaman html.

hasilnya akan seperti ini.

Kita bisa lihat jarak/ MARGIN dari kotak 1 dengan kotak yang lainnya berbeda – beda. Sedangkan tulisan yang ada di kotak 2 atau padding yang kita berikan di kotak 2 terlihat. Sudah mengerti kan bagaimana bedanya MARGIN dengan PADDING.

Setelah itu kita akan menambahkan CLEAR agar kotak 3 bisa berada di bawah. Pertama – tama buatlah class NETRAL.
Setelah itu pasangkan class netral di bawah class kotak2.
Dan lihat hasilnya.

Kita bisa lihat perbedaan margin dari kotak3 dan kotak1. Dan class netralpun sesuai dengan apa yang kita harapkan.


Sekian informasi dari saya jika ada pertanyaan sihlakan hubungi saya lewat form yang ada di contact us kami atau bisa juga langsung komen di bawah ini. Akhir kata saya ucapkan terimakasi telah berkunjung ke blog saya dan salam NgaeWeb ;).


Artikel Lainnya

Tidak ada komentar:

Diberdayakan oleh Blogger.

Facebook Page

Ngae Web

Translate

Pengikut

Popular Posts