Tutorial ubah suai Round Border :)

June 11, 2011

Full Rounded Corner

background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;

Rounded Corner Kiri Atas
background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-khtml-border-radius-topleft: 15px;
border-top-left-radius: 15px;

Rounded Corner Atas
background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-khtml-border-radius-topleft: 15px;
-khtml-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;

Rounded Corner Bawah
background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 1px;
-webkit-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomright: 15px;
-khtml-border-radius-bottomleft: 15px;
-khtml-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;  


 p/s untuk background-color:#ddd; boleh ubah mengikut selera di SINI

7 comments

  1. mcm mane ne? ta phm lar, kne ltak kat javascript atau html code? pliss? da lame sgaaaad sy carik tutor ne..

    ReplyDelete
  2. @yeen , sekejap k, anys tuto kan :)

    ReplyDelete
  3. tak abis taip..muhahahaha..sori.tumpang lalu.. :P

    ReplyDelete
  4. thanksss sgat2 sebab dah lame saya carik tuto ni but selama sy cuba asyik tak jadik . but u have done a well done job . thanksss alot yeah ?

    ReplyDelete
  5. kaka ? tolong ajar . dah lame cari tuto nie . tapi , tak pernah menjadi . please , i really2 need your help :(

    ReplyDelete

Latest Instagrams

© Anis Nadhilah. Design by Fearne.