cara membuat kotak html pada postingan

hai apa kabar semuanya?

pasti baik khan?

kali ini saya ingin posting, bagaimana cara membuat kotak htl pada postingan.

tujuan membuat kotak html adalah, agar kodenya gampang di copas bagi yang membutuhkan.

adapun caranya adalahseperti dibawah.

setiap melakukan postingan pada mode html,

letakkan kode berikut.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> Kode Script Anda Disini yach</div>

jadinya seperti ini:

Kode Script Anda Disini yach

ada bermacam bentuk box nya. beberapa contoh dibawah:

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda yach</div>

jadinya

Kode Script Anda Disini yach

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Kode Script Anda Disini yach</div>

jadinya seperti ini

Kode Script Anda Disini yach

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini yach</div>


jadinya seperti ini

Kode Script Anda Disini yach

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini yach</div>

jadinya seperti ini

Kode Script Anda Disini yach

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</div>

jadinya seperti ini

Kode Script Anda Di Sini

Nah itulah beberapa contoh, kotak html pada postingan.
tinggal pilih mana yang kamu suka.
untuk ukuran box, warna background,
warna border dan juga ukuran border bisa agan ganti sesuai selera agan.

semoga bermanfaat.

Berlangganan artikel GRATIS lewat email? Silahkan DAFTARKAN email Anda di sini!

Buka email anda dan klik tautan yang ada untuk konfirmasi

Artikel Penting Lainnya: