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
Border jenis dotted
Border jenis dashed
Border jenis ridge
Border jenis groove
Border jenis inset
Border jenis outset
Border jenis double
Border dengan scroll lebar dan tinggi
<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: #eaeaea; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>
sudah aku link bro. link balik ya. aplikasitangguh.blogspot.com
ok bro, segera ane linkback.
Terimakasih bro..
ini artikel yg ku cari2..
akhirnya ketemu juga
Thanks ilmunya gan :D
mantap gan... ntr ane coba deh.. thanks ilmunya
izinnnn nyoba bosss..
Untuk yang rounded ko' ga ada? Terus untuk memodifikasi yang ada biar bisa rounded, bagaimana? Terima kasih.
utk yg rounded silahkan agan baca pada tutorial blog (membuat sudut tumpul pada blog)
nb: stlh kode background-color di atas agan tambahkan kode rounded yg ada (kopas aja pada artikel ane sebelumnya)
Makasiih... kunjungi juga yah http://infomanier.blogspot.com
Thx gan tutorialnya:D
nice post gan.. sangat membantu... thanksss :)
Mantaps..sudah dipraktekkan di blog ane...thanks
kalo membuat efek postingan yang satu dengan yang lain terpisah oleh kotak, bisa tidak mas? misalnya kita memunculkan 2 postingan di halaman utama yang masing2 berada dalam kotak
Alhamdulillah berhasil bikin border untuk pesan sponsor di blogku. Terimakasih!!
thanks infonya gan..
ketemu sesama org Bogor..
makasih bos infonya,contohnya hasil buat garisnya di mana ya bos
coba agan buat posting baru, terus masukan salah satu kode di atas, tp sebelumnya pada panel menu jangan pilih compose, tp pilih html. trs lihat hasilnya.
Ok gan sukses
thanks ya
nice info
terimakasih gan... artikelnya sangat membantu....
nice one gan!!!!!!
thx gan atas infonya.
jangan lupa dengan kunjungan, komentar, dan follownya ya gan di http://mhdteguhs.blogspot.com/
tanks gan infonnya jadi lebih bagus nh
Makasih buat infonya
blogwalking gan, artikelnya sangat bermanfaat sekali,
nice share gan
Nice share gan, keep posting brow
Gan, ini artikel yang sedang saya cari-cari
good job, nice share gan. thx
Gan, artikelnya sangat bermanfaat sekali gan...
keep posting
artikelnya bermanfaat sekali,
izin baca sampai habis dolo gan....
artikelnya bagus dan bermanfaat gan,
keep posting
Kalau Membuat Bordernya di Tengah gmn sob??
artikelnya keren sob...
mantap
thx gan, blogwalking
nice artikel
go blogging...!
http://obatpenyakitacemaxs.wordpress.com/2012/10/08/agen-ace-maxs-sukabumi/
mantap artikelnya sob,
keep posting
artikelnya keren banget
sangat bermanfaat sekali gan
keep posting!
nice post gan,
keep writing...!
mantap gan,...
nice share. postingan berikutnya saya tunggu gan.
kalau untuk membuat border di semua postingan gimana gan?
biar otomatis gitu..he.
ikut coba trik ya
ikut coba ya gan, thanx
di bagian mana nya gan ? mungkin yg agan maksud memberikan border sebagai list pada postingan ya ? klw yg itu agan bk rancangan kemudian agan edit HTML pada bagian post
keren
Keren gan, makasih..
wah sip gan, lanjutkan ke copy nya
Thank's Sob infonya