Selasa, 26 Juni 2012

MEMBUAT BORDER PADA BLOG DAN JENIS - JENIS BORDER

Dalam dunia html banyak istilah yang kita kenal, yang diantaranya border atau garis. Ada 2 jenis border yang kita kenal. hehehehe...... kalau tidak salah y.... yang pertama boder tidak terlihat untuk jenis ini kita hanya menambahkan kata none. 
Contohnya :  Border : none; atau kita juga bisa merubah warna border menjadi sama dengan warna background, maka border tersebut menjadi tidak terlihat, dan yang ke 2 adalah border yang terlihat dan jenis ini bentuknya beragam, bisa berupa garis padat ataupun putus-putus. Fungsi border itu sendiri selain sebagai pembatas antara elemen, juga dapat menimbulkan keindahan template apalagi perpaduan antara warna garis, bentuk dan warna lainya serasi.

untuk lebih jelasnya sobat bisa copy script dibawah ini dan letakan dalam postingan.
 Border jenis solid

<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; text-align: left"> MASUKAN TEKS DISINI </div>

Border jenis dotted
<div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis dashed
<div style="border: 4px #345d15 dashed; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis ridge
<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis groove
<div style="border: 4px #345d15 groove; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis inset
<div style="border: 4px #345d15 inset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis outset
<div style="border: 4px #345d15 outset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border jenis double
<div style="border: 4px #345d15 double; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

Border dengan scroll lebar dan tinggi
<div style="border: 4px #345d15 solid; padding: 10px; background-color: #000000; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>

Tidak ada komentar:

Posting Komentar