Kunpulan Kotak Tabel Tulisan Berwarna Keren di Postingan Blog

Pada kesempatan kali ini Saya akan Membagikan cara Kotak Tabel Tulisan Berwarna Keren di Postingan Blog,
terkadang kita ingin membuat kode html dan tulisan artikel terpisah dengan sebuah kotak, baik itu kotak scroll maupun dengan warna Beground yang kita inginkan.
Tulisan yang berada di dalam Kotak biasanya adalah Peringatan, Keterangan, Kode HTMl , Kode CCS dll.

Sekarang kita mulai saja cara membuatnya.


👉  Kotak Beground warna biru.

Contoh

Kode HTML :

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Contoh</div>

👉 kotak warna jingga.

Contoh

Kode HTML:

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Contoh</div>

👉 Kotak dengan garis 1.

Contoh

Kode HTML:

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

👉 kotak dengan garis 2.

Contoh

Kode HTML :

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

👉 kotak dengan garis luar.

Contoh

Kode HTML :

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Contoh</div>

👉 kotak dengan garis putus putus.

Contoh

Kode HTML:

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

👉 kotak dengan garis putus putus.

Contoh

Kode HTML:

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

👉 kotak Warna dengan scroll.

Contoh,
Contoh,
Contoh,
Contoh,

Kode HTML:

width: 400px; text-align: left;"> Contoh, Contoh, Contoh, Contoh </div>

👉 Kotak dengan garis dobel.

Contoh

Kode HTML:

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

Demikian tadi Cara - Cara Membuat Kotak Tulisan / Tabel Tulisan Dengan Beground Warna.
Semoga Artikel ini Bermanfa'at.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.