Cara Buat Kotak Box Dalam Postingan

Disini kita akan membahas tentang bagaimana Cara Buat Kotak Box Dalam Postingan. Kotak atau box berfungsi untuk meletakkan kode - kode html didalam postingan agar tampilan post kita tertata rapi , langsung saja kita bahas bagaimana Cara Buat Kotak Box Dalam Postingan.

Berikut contoh tampilan dan isi kode nya :

<div style="background-color: #b6d7a8; border-left: 7px solid green; width: auto;">
CONTOH ISI TEKS ANDA CONTOH ISI TEKS ANDA CONTOH ISI TEKS ANDA CONTOH ISI TEKS ANDA
</div>

<div style="background-color: blue; border: 5px solid red; padding: 10px; width: auto;">
CONTOH ISI TEKS ANDA CONTOH ISI TEKS ANDA CONTOH ISI TEKS ANDA </div>

<div style="background-color:green;width:auto;border-style:double;border-color:yellow;border-width:5px;">
C O N T O H I S I / T E K S A N D A
</div>

<div style="background-color: auto; padding: 10px; width: auto; border:5px solid white;">
C O N T O H I S I / T E K S A N D A
</div>

Catatan :

-Tulisan di tulis di mode compose, sedangkan kode ditulis di mode html

-Anda dapat merubah warna, ukuran, jenis border (jarak batas garis), jenis padding (jarak batas teks ke garis batas luar atau border sesuai keinginan anda)

Jika anda belum bisa edit ukuran, jenis, jarak box silahkan baca artikel di bawah ini lengkap dengan tutorial nya :

1. Fungsi Border, Jenis Dan Contohnya .

2. Fungsi Padding, Jenis Dan Contohnya .

3. Fungsi Margin, Jenis Dan Contohnya .

Terima kasih telah berkunjung ke blog saya, mudah - mudahan anda tidak menemui kesulitan dalam memahami artikel tentang Cara Buat Kotak Box Dalam Postingan.