Sedara-mara

Border Styles

Haepp!!.. tutorial kali ni adalah berkenaan dengan penggunaan Border. Haa.. kalau sebelum ni korang asyik guna border biasa jer untuk mengemaskan entry/post blog korang, kali ni aku nak terangkan sedikit sebanyak(banyak sikit ler tu.. hehee..) tentang jenis border. So, lepasni korang bleh pelbagaikan la penggunaan border kat blog korang yer. Ok, jom cekidOuT!!..

Jenis² Border:
1. border-style: solid;
2. border-style: dotted;
3. border-style: dashed;
4. border-style: ridge;
5. border-style: groove;
6. border-style: inset;
7. border-style: outset;
8. border-style: double;

<div style="border: 5px solid blue; width: 200px;">
1. border-style: solid;
</div>



1. border-style: solid;



<div style="border: 5px dotted blue; width: 200px;">
2. border-style: dotted;
</div>



2. border-style: dotted;



<div style="border: 5px dashed blue; width: 200px;">
3. border-style: dashed;
</div>



3. border-style: dashed;



<div style="border: 5px ridge blue; width: 200px;">
4. Jenis Border = ridge
</div>



4. Jenis Border = ridge



<div style="border: 5px groove blue; width: 200px;">
5. border-style: groove;
</div>



5. border-style: groove;



<div style="border: 5px inset blue; width: 200px;">
6. border-style: inset;
</div>



6. border-style: inset;



<div style="border: 5px outset blue; width: 200px;">
7. border-style: outset;
</div>



7. border-style: outset;



<div style="border: 5px double blue; width: 200px;">
8. border-style: double;
</div>



8. border-style: double;



Tambahan Untuk Kegunaan Code

5px - Ketebalan border (Minima 1px) Jika di letakkan 0px border akan hilang.

blue - Warna (etc: black, yellow, red)

width: 200px - Kelebaran border (padam code ini jika inginkan kelebaran maksima)


Yang Betul,

6 komen yang best:

sahromnasrudin said...

tahniah!!! trime kasih..entri cenggini mmg syiok huhuhuh

wanshah said...

sahrom: bleh test la lepasni bro. hehe..=)

p@kcikLie said...

memang bagus ni..tq2 bro.

wanshah said...

PCL: lepasni penuh le blog pkciklie ngn kotak² border. =P

Ummi Hanie said...

nice tutorial nnti sy nak ambik buat rujukan buleh ke wan?
erm sy suke jenis groove ;)

wanshah said...

ummihanie: boleh sokmo umie. :) kalau saya, suka smua border tu. :P

Related Posts with Thumbnails

 
Dikuasakan Oleh Blogger | Gubahan Oleh Ady © 2009 | Resolusi: 1024x768px | Paparan Terbaik: Firefox | Top