Macam macam border dan cara membuatnya

Border...
Pasti yang biasa nge-blog pernah denger itu kan?
yyups!
Border adalah garis pembatas yang biasanya digunakan untuk membatasi dan membedakan konten tertentu...
Contohnya posting, widget, atau apapun.
Coba aja. Kalo ga ada border, yang mbedain postingan sama widget apaan coba? ._.

Bagi yang belom tau apa itu border, saya buat contohnya aja deh.


CONTOH BORDER


Nah...
Border ini dibagi jadi beberapa macam...
Ada sekitar 6 border yang biasa digunakan...
Yaitu :


BORDER SOLID


BORDER DOTTED


BORDER DASHED


BORDER RIDGE


BORDER INSET


BORDER OUTSET


Sebenernya, border itu pake css... namun kalo lagi keburu dan lagi gak sempet ganti border dari edit html, biasanya kita pake tag div...
nah... cara pemakaiannya :


BORDER SOLID

cara makenya yaitu dengan kode html <div style="border: 3px solid #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>


BORDER DOTTED

cara makenya yaitu dengan kode html <div style="border: 3px dotted #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>


BORDER DASHED

cara makenya yaitu dengan kode html <div style="border: 3px dashed #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>


BORDER RIDGE

cara makenya yaitu dengan kode html <div style="border: 3px ridge #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>


BORDER INSET

cara makenya yaitu dengan kode html <div style="border: 3px inset #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>


BORDER OUTSET

cara makenya yaitu dengan kode html <div style="border: 3px outset #ff0000;"><center>GANTI TULISAN DENGAN TULISANMU</center></div>

yang bisa kamu ganti adalah sbb:
3px : Ukuran border. Bisa kamu ganti dengan ukuran yg kamu inginkan
#ff0000 : Warna border. Bisa kamu ganti dengan warna yg kamu inginkan
atribut <center></center> bisa kamu hapus atau tetep agar tulisan di dalam border berada di tengah
Untuk "GANTI TULISAN DENGAN TULISANMU" : bisa kamu ganti dengan tulisan yg kamu mau. Kamu juga bisa ganti dengan gambar atau kode html lain yang pengen kamu beri border

kamu juga bisa menambahkan css lain di situ... contohnya background, font family, font weight, dan lain2 sesuai selera kamu...



SEKIAN DAN MATUR TENGKYU
XD





I HOPE THIS POSTING IS USEFULLY FOR U...

Disqus
Blogger
Pilih Sistem Komentar

5 comments

Mau tanya neh :D Skalian BlogWalking :D Cara buat Laman / Menu horizontal jika di lewati mouse keluar bordernya g mana yah? :D Di nanti di Blog ku jawabnya :D
Absen Siang yah :D TiTi-Share

Balas

terima kasih kembali gan info yg bermanfaat tentunya...salam kenal aj...

Balas

hm,, anak clan deez lagi musim artikel ini ya?? SALAM!!!

Balas

@ale kaleng: nggak tuh bang... abangnya ketinggalan... XD

Balas

Ok sob ane coba. kunjung balik + follow ea sob

Balas

 
Innovated by Inspiration
Copyright 2014-Now REFARDO™ | Simplified 2 Nepurple Theme | Some Right's Reserved