1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Please tell me the code for rounded corner DIV

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

  1. tinyprogram

    tinyprogram New Member

    Joined:
    Jan 31, 2011
    Messages:
    12
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    Web Developer
    Location:
    Cyber World
  2. pein87

    pein87 New Member

    Joined:
    Aug 6, 2010
    Messages:
    173
    Likes Received:
    47
    Trophy Points:
    0
    Occupation:
    Web Dev
    Location:
    Limbo
    Chrome + Safari

    -webkit-border-radius: 3px;

    Firefox

    -moz-border-radius: 3px;

    Standard

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

    seoabhisek Banned

    Joined:
    Jan 22, 2011
    Messages:
    24
    Likes Received:
    1
    Trophy Points:
    0
    actuuly buddy u didn't mentioned the language in which u require the code
     
  4. mialuzzatto

    mialuzzatto New Member

    Joined:
    Aug 5, 2015
    Messages:
    122
    Likes Received:
    4
    Trophy Points:
    0
    Occupation:
    Work at https://www.idevelopersquare.com
    Location:
    Waltham, MA, USA
    Home Page:
    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