1. We have moved from vBulletin to XenForo and you are viewing the site in the middle of the move. Though the functional aspect of everything is working fine, we are still working on other changes including the new design on Xenforo.
    Dismiss Notice

Please tell me the code for rounded corner DIV

Discussion in 'Web Design, HTML And CSS Forums' started by tinyprogram, Jan 31, 2011.

  1. tinyprogram

    tinyprogram New Member

  2. pein87

    pein87 New Member

    Chrome + Safari

    -webkit-border-radius: 3px;

    Firefox

    -moz-border-radius: 3px;

    Standard

    border-radius: 3px;
     
    shabbir likes this.
  3. seoabhisek

    seoabhisek Banned

    actuuly buddy u didn't mentioned the language in which u require the code
     
  4. mialuzzatto

    mialuzzatto New Member

    Hello,

    CSS attributes to your element to make its corner round.
    Code:
    selector {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid;
    }
    
    To make only Top Left corner rounded, use following CSS.
    Code:
    selector {
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border: 1px solid;
    }
    
    Similarly use topleft, top-left, bottom-right, bottomright etc for rounding off the corners of the DIV.

    ---
    Regards,
    Mia Luzzatto
     

Share This Page