Bismillahirahmanirrahiim...Sambil menunggu pertandingan antara Indonesia vs Laos mendingan kita ngotak-ngatik CSS dulu yuk sob ?. Setelah kita mengetahui Macam-macam Border, selanjutnya kita belajar sedikit demi sedikit mengedit CSS MWB dan kali ini kita akan mengedit CSS MWB bagian body. Kenapa ane tidak memberikannya sekaligus semua kode CSS? Ini adalah agar sobat bisa mengerti semua elemen CSS MWB, jadi sengaja ane akan kasih kode CSS-nya perbagian. Sebelum mengedit CSS MWB kita harus tau apa itu body ? body adalah bagian latar blog kita atau lebih mudahnya adalah bagian paling belakang pada blog kita. Sobat bisa melihat contoh body pada blog ane. Yang warna orange adalah body dari blog MADEZU CSS dengan margin:0 dan padding:5px, sehingga body masih bisa terlihat secara kasat mata. Sebagian besar body tidak akan terlihat karena dia tertutupi oleh elemen lain seperti #header dan lainnya. Namun semua itu tergantung dari kreasi sobat yang mengedit CSS-nya. Body adalah ibarat kertas kosong yang belum kita coreti. Oleh karena itu, pada kesempatan ini kita akan mengeditnya secara sederhana.

Apa saja yang bisa di edit pada bagian body ?

Pertama adalah background dari body itu sendiri. Sobat bisa memberikan warna sesuai keinginan sobat atau background body juga bisa menggunakan gambar. Semua itu tergantung dari selera sobat semua. Kedua, yang bisa di edit dari body adalah margin dan padding atau jarak dalam dan jarak luar dari body. Ketiga adalah warna teks yang tidak berisi link dan warna teks yang berisi link. Keempat, kita bisa menggunakan border pada sisi body.

Kode CSS body sederhana adalah sebagai berikut :

Contoh kode body dengan menggunakan border



Kode body dengan menyisipkan gambar



Itulah sob beberapa kode CSS MWB bagian body, silahkan sobat kreasikan sesuai dengan selera sobat. Sampe disini dulu sob nanti insya allah kita lanjut lagi belajar CSS-nya kebetulan Indonesia udah mau maen . Semoga bermanfaat dan mohon dikoreksi jika ada kesalahan, Terima kasih.