Membuat Border di Blog

Saat kita akan membuat kotak atau border, kita bisa menggunakan cara sebagai berikut. .kode script disini. Kode yang digunakan untuk ...

Saat kita akan membuat kotak atau border, kita bisa menggunakan cara sebagai berikut.

.kode script disini.

Kode yang digunakan untuk membuat border seperti di atas sebagai berikut:

<div style="background-color: white; border: 1px solid #777777; height: 30px; overflow: auto; padding: 10px; text-align: center;">
.kode script disini.</div>

Anda bisa lagi membuat border agar nampak lebih indah dengan berbeda-beda warna.

.kode script disini.


 

Untuk membuat border dengan beda warna pada tiap sisi garis border di atas menggunakan kode berikut:

<div style="background-color: yellow; border-bottom: 2px solid red; border-left: 2px solid #1780dd; border-right: 2px solid orange; border-top: 2px solid green; height: 30px; overflow: auto; padding: 10px; text-align: left;">
.kode script disini </div>