Kumpulan Kode HTML untuk membuat Kotak Script / Text Box di Postingan Blog

Berikut adalah pilihan text box / kotak script yang berbagai macam bentuk dan warna yang bisa Anda gunakan : 

Script 1

<div style="background-color: white; border: 3px #eeeeee solid; padding: 10px; text-align: left;">Masukin Kode Script disini</div>

Script 2

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;">Masukin Kode Script disini</div>

Script 3

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

Script 4

<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;">Masukin Kode Script disini</div>

Script 5

<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;">Masukin Kode Script disini</div>

Script 6

<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;">Masukin Kode Script disini</div>

Script 7

<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;">Masukin Kode Script disini</div>

 Script 8

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

Script 9

<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;">Masukin Kode Script disini</div>

Script 10

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;">Masukin Kode Script disini</div>

Script 11

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

Script 12

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

Script 13

<div style="-moz-border-radius: 11px; -webkit-border-radius: 10px; background-color: #EDEBEB; border-left: 7px solid #0B0601; border-radius: 11px; padding: 11px; t-align: left;">Masukin Kode Script disini</div>

Script 14

<div style="-moz-border-box: 11px; -moz-border-box: 11px; -webkit-border-box: 11px; background-color: ghostwhite; border-top: 8px solid black; overflow: auto; padding: 11px; t-align: left; t-color: #BEF4F4;">Masukin Kode Script disini</div>

Berbagi :