Mengenal Margin pada Kode CSS

Pada kesempatan kali ini saya ingin membagikan sedikit pengetahuan saya kepada sobat. Yang akan saya bagikan kali ini yaitu tentang Margin pada kode CSS.

Apa itu Margin ?

Mungkin beberapa dari sobat bertanya-tanya, apa sih margin, terus apa sih kegunaannya ? Margin adalah suatu kode yang terdapat pada CSS untuk mengatur jarak suatu objek di tampilan Web / Blog.

Jika suatu CSS tidak menggunakan Margin, maka saya sangat yakin, tampilan Web nya akan menyatu alias tidak memiliki jarak. Dan tentu saja hal ini akan menyebabkan Web tersebut menjadi tidak rapi dan tidak enak dipandang oleh siapapun. Oleh karena itulah, keberadaan Margin pada CSS sangat penting untuk memperindah tampilan suatu Web.

Jika sobat ingin mengetahui lebih detail tentang Margin ini, silahkan lihat penjelasan dari saya di bawah ini.

Kegunaan Margin

Seperti yang sudah saya bilang diatas, kegunaan dari Margin adalah memberi jarak pada suatu objek pada tampilan Web yang diatur oleh CSS. Baik itu jarak di sisi kiri, kanan, atas ataupun bawah.

Bagaimana cara menggunakannya ?

Untuk menggunakan Margin, caranya sangat gampang sekali. Saya akan menjelaskan tentang tata cara penggunaan Margin pada kode CSS secara detail agar sobat lebih paham. Di sini saya akan menggunakan Adobe Dreamweaver.

Gambar di bawah ini adalah contoh teks yang tidak menggunakan Margin pada kode CSS nya :

Teks tanpa Margin (Klik gambar agar lebih jelas)

Untuk Menggunakan Margin pada kode CSS, sobat tinggal menambahkan kode seperti gambar berikut ini :


Maka hasilnya akan menjadi seperti di bawah ini :


Dengan adanya Margin pada kode CSS, akan membuat tampilan Web / Blog sobat menjadi lebih rapi dan keren. Maka dari itu silahkan sobat tambahkan Margin pada objek yang kira-kira berdekatan dengan objek lainnya di Blog sobat.

Baiklah, saya rasa hanya itu saja yang dapat saya bagikan pada kesempatan kali ini. Semoga apa yang saya bagikan diatas dapat sobat pahami dan semoga bermanfaat.