Jenis - Jenis Dan Cara Membuat Border Di Blog

Buat yang belum tau apa itu border, border adalah garis kotak lurus atau putus - putus  yang mengelilingi tulisan. Berikut ini jenis - jenis border.

Solid

Double

Ridge

Dotted

Dashed

Sekarang kita coba buat border dengan menggunakan kode di atas. Lihat kode berikut ini.

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Tuliskan Teks yang Ingin Diberi Border disini

</div>

Perhatikan tulisan warna merah di atas. Itulah yang harus diganti. Jika semua kode di atas di copy dan di paste di postingan, maka hasilnya akan seperti di bawah ini.

Tuliskan Teks yang Ingin Diberi Border disini

Nah kode di atas tinggal disesuaikan dengan mengubah tulisan merah di atas.


Double

Tuliskan Teks yang Ingin Diberi Border disini

Ridge

Tuliskan Teks yang Ingin Diberi Border disini

Dotted

Tuliskan Teks yang Ingin Diberi Border disini

Dashed

Tuliskan Teks yang Ingin Diberi Border disini

Atau jika ingin memberi warna pada border, bisa juga memakai kode berikut.

<div style="border:2px#000000 dashed; padding:10px; background-color:#FFFF55">
Tuliskan teks disini
</div>

Hasilnya:

Tuliskan teks disini

Keterangan:
#000000 : warna boder, yaitu hitam
dashed : jenis border, bisa diganti dengan melihat kode di atas
#FFFF55 : warna background border yaitu kuning


Untuk kode warna HTML, bisa anda lihat di sini

Semoga bermanfaat