Tutorial Bentuk-Bentuk Border

Bentuk-bentuk border ni korang boleh guna untuk banyak benda sebenarnya...
contoh : border post title, border post sidebar, blockquote dalam blog, etc..
kalau korang edit blog and terjumpa kod ala-ala kat bawah nanti, korang boleh laaa tukar..delete kod lama, gantikan dengan yang ni...tapi, jangan lupa preview dulu..... hehehe

leh tengok senarai tutorial kat bawah ni..ada yang guna kod border ni...
------> TutoR <------

attention : 

tulisan merah - saiz border 

#804000 - tukar kod warna yang korang suka , leh pilih di sini 

jenis line - dashed, dotted, solid 

now, searching......................................... 

border: 3px solid #804000;

-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;

border-radius: 0.5em 0.5em 0.5em 0.5em; 

------------------------------------------------------------------------------------------------------------

border: 3px solid #804000; 

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;  

------------------------------------------------------------------------------------------------------------

 border: 3px solid #804000;

-moz-border-radius: 4em 4em 1em 1em;

border-radius: 4em 4em 1em 1em; 

------------------------------------------------------------------------------------------------------------

border: 3px solid #804000;

-moz-border-radius: 0.2em 1em 0.2em 1em;

border-radius: 0.2em 1em 0.2em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 4px solid #804000;

border-bottom: 4px solid #804000; 

-------------------------------------------------------------------------------------------------------------

 -moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-top-right-radius: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom: 5px solid #804000;

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

border-left: 6px solid #804000;

-------------------------------------------------------------------------------------------------------------

border: 2px dashed #804000;

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-left: 8px solid #804000; 

-------------------------------------------------------------------------------------------------------------

border: 2px dashed #804000;

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 8px solid #804000;

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-left: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

border-left: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

--------------------------------------------------------------------------------------------------------------

border-bottom: 3px dashed #804000; 

---------------------------------------------------------------------------------------------------------------

credit