Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh info...
Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.
1.Kotak Simple
Silahkan Masukkan Kode / Script Disini.
Kode:
<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan Masukkan Kode / Script Disini. </div>
2.Kotak Dengan Border
Silahkan Masukkan Kode / Script Disini.
Kode:
<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan Masukkan Kode / Script Disini. </div>
3.Kotak 2 Garis
Silahkan Masukkan Kode / Script Disini.
Kode:
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan Masukkan Kode / Script Disini. </div>
4.Kotak Garis Putus-Putus
Silahkan Masukkan Kode / Script Disini.
Kode:
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Silahkan Masukkan Kode / Script Disini. </div>
5.Kotak Garis Putus-Putus V.2
Silahkan Masukkan Kode / Script Disini.
Kode:
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan Masukkan Kode / Script Disini. </div>
Keterangan:
-Merah Adalah Kode Warna
-Orange Adalah Jarak Text Dengan Garis Kotak
-Kuning Adalah Tinggi Kotak
COMMENTS