Tutorial : jenis-jenis border (post title,blockquote,title gadget)



  isnin
21/5/2012

Disini terdapat macam2 jenis border ...
Okey kita mulakan kursus kita la ye ..kursus free!!



border-bottom: 4px dashed #000000;


border: 3px solid #000000;
          border-top: 3px solid #000000;
border-bottom: 3px solid #000000;


border: 3px solid #000000;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;


border: 3px solid #000000;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

border-top: 3px solid #000000;
border-bottom: 3px solid #000000;


border: 3px solid #000000;
-moz-border-radius: 1em 1em 4em 4em;
border-radius: 1em 1em 4em 4em;


border: 3px solid 000000;
-moz-border-radius: 4em 4em 1em 1em;
border-radius: 4em 4em 1em 1em;


border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
border-right: 6px solid #000000;
border-left: 6px solid #000000;


-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: 
8px solid #000000;


border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
border-right: 6px solid #000000;
border-left: 6px solid #000000;
   -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;


border: 2px dashed #000000;
    border-top: 
2px dashed #000000;
border-bottom: 
2px dashed #000000;
border-left: 
8px solid #000000;


border: 2px dashed #000000;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
    border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
border-right: 10px solid #000000;

nota tangan ajaib:


aaaaa:ketebalan border(semakin tinggi nombor semakin teballah ia)
aaaaa:jenis border / line tepi (boleh tukar >>> solid , dashed , dotted
aaaaa:ha.. itu warna (ikut kesukaan la ye) 


code saya kat atas semua warna hitam  .tak suka warna hitam,boleh tukar ,,saya suka cari warna kat >>warna<<
ahh penatnya.... !
okey.Suka yang mana satu ....

K.bye...







No comments:

Post a Comment