Saturday, August 17, 2019

Cara Membuat Kotak Berwarna/Scroll Box Untuk Kode HTML

Diposting oleh Sindy di 7:52 AM Label:

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. 

Berikut Kode-nya

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

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)