Border adalah garis dalam suatu kolom atau kotak, atau bisa disebut juga
garis-garis pinggir. atau apalah, saya juga kurang tahu pasti artinya, yang jelas border itu garis. Tentu hal ini tidak asing lagi jika anda memang sering
sekali berkecimpung dengan dunia blogger khusus nya pengkodean seperti CSS ini.
Nah, Mr.DHI kali ini akan membahas
mengenai kumpulan berbagai kode CSS untuk border. Dimana kode-kode ini mungkin
bisa mempercantik tampilan website blog anda.
border sendiri sangat penting dalam
membuat tampilan blog anda menjadi lebih menarik dan unik. Pada umumnya, border
dapat anda edit tampilan nya. baik itu dari warna nya, jenis garis nya, dan
ketebalan garisnya. Nah, berikut ini adalah contoh kode CSS Border.
Border:5px; solid #FF0000;
Keterangan :
warna hitam =mengatur ketebalan
border
warna biru = mengatur jenis border
warna merah= mengatur warna
border.
Yang
perlu anda ketahui adalah kode-kode untuk warna biru, yaitu bagian jenis border
nya. kalau bagian warna hitam dan merah bisa anda kreasikan sendiri. Dan
dibawah ini adalah kode-kode untuk jenis border nya :
border:5px
solid #000000;
border:5px
dotted #FF0000;
border:5px
dashed #00FFFF;
border:15px
inset #7FFF00;
border:15px
outset #8B008B;
border:15px
double #FFFF00;
border:15px
groove #FF00FF;
border:15px
ridge #00FF00;
Tulisan ini terinspirasi dari : http://putupunyablog.blogspot.com/2012/08/daftar-kode-css-border-dan-jenisnya.html
penting nie gan, terutama untuk membuat tulisan di posting yang sekira di anggap penting sekali. tenkyu
ReplyDeletebener gan, bisa digunakan untuk style Quote,,,,
Deleteuntuk mengatur ketebalan dan warna border sudah tau sob,tapi untuk jenis bordernya baru tau nih....:)
ReplyDeletemksh infonya sob....salam sukses slalu
Tutorialnya mantab gan.jngan lupa vist back ya
ReplyDeleteMaaf kalo komentar saya OOT, karena saya hanya ingin bersilaturahmi ke blog ini..
ReplyDeleteiya nggak apa-apa, tapi alangkah baik nya dibaca terlebih dahulu postingan nya kemudian kasih tanggapan anda. itu lebih membuat saya senang dan merasa di hargai. makasih udah berkunjung.
Deletesimpen aja deh kalo kepake ntar buat ngedit template :D
ReplyDeletenggak di simpen juga bisa gan, diingat ajah. yang harus dingat cuma kode style border nya aja.
Delete.. keren banget nich,, ijin bookmark achhhh,, boleh kan?!? ..
ReplyDeletedengan senang hati, silahkan mbak. moga bermanfaat untuk mbak di lain waktu.
Deletekeren juga nih bordernya...
ReplyDeletekunjungan perdana sobat,...
makasih udah berkunjung gan. sukses selalu.
Deletewah keren gan bisa diganti ganti bordernya ternyata hehe :D
ReplyDeleteiya gan, tentu saja bisa diganti-ganti. semoga bermanfaat ya untuk sobat.
Deleteizin nyimak sekalian belajar sob.
ReplyDeletemakasih sob dah berbagi...
iya, sama-sama. mari kita belajar bersama disini.
Deletewah, ane baru tahu yamh groove dan ridge gan...
ReplyDeletemakasih ilmunya
sama-sama sob, semoga bermanfaat.
DeleteWah yang garis putus-putus itu kyaknya lebih menarik ya, ijin simpan kodenya sob :)
ReplyDeletesaya juga suka sama yang putus-putus itu gan. kayaknya lebih estetis kelihatan nya.
DeleteMasih lebih simple dan indah make kode style css, menurut ku sih
ReplyDeletewah.. keren2, sampe2 ada yg kayak 3D gitu ya.., thx infox gan.. *smile
ReplyDeleteooh git.. dapat ilmu baru lagi nih ga.. thank you :D
ReplyDeleteduh pusing bacanya sob,,
ReplyDeleteane mempelajarinya dikit aja ya, klw lagsg bnyak jd pusing,,,
wah keren sobat, mantap dech, border sangat penting buat kerapian blog kita.. ijin amankan dulu sobat...?
ReplyDeleteMet pagi gan kmbli ane mmbaca ni posting please visit back
ReplyDeletethanks sob, bermanfaat buat variasi blog
ReplyDeleteNice info bro..
ReplyDelete:)
kunjungan Perdana Nih
Kunjungi juga My Blog ya..:)
singgah sejenak kemari kawan, sambil menyapa admin blog ini. ^_^
ReplyDeleteNice Info gan
ReplyDeleteSalm TErhangat By ROh
Kunjungan malam jgn luppa mampir ke blogku jga ea
ReplyDeletemantap nih.. banyak ilmu CSS di blog ini..:)
ReplyDeleteasik , makasih mas , ane pake buat tugas web hehehe makasih info nya :D
ReplyDelete