Kumpulan Macam-Macam Kotak Script

Kotak script merupakan komponen penting, karena dengan kotak script kita menempatkan tulisan atau kode-kode script dalam satu kotak.

Pada postingan sebelumnya, saya telah menjelaskan tentang cara membuat kotak script.

Di kesempatan kali ini, saya akan share macam-macam kotak script dengan berbagai model.

Dengan mengetahui macam-macam kotak script, kalian bisa memilih mana yang cocok untuk di pakai di postingan.

Memilih kotak script yang cocok dan sesuai dengan halaman blog, tentunya juga bisa merubah penampilan dari halaman blog itu sendiri.

Bagi yang belum mengetahui cara pemasangan kotak script di postingan, silahkan baca Disini.

Baca juga: Jenis-Jenis Border/Garis.

Berikut model-model kotak script:

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

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini</div>

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

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

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

Silahkan kalian copas untuk keperluan kalian.
Rubah warna garis, warna background dan ketebalan garis pinggir sesuai keinginan, atur supaya penampilan kotak script terlihat rapi dan menarik untuk di lihat.

Semoga bermanfaat dan selamat mencoba.