Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Web Design, HTML And CSS Forums (http://www.go4expert.com/forums/web-design-forum/)
-   -   Please tell me the code for rounded corner DIV (http://www.go4expert.com/forums/tell-code-rounded-corner-div-t24816/)

tinyprogram 1Feb2011 00:48

Please tell me the code for rounded corner DIV
 
:d

pein87 1Feb2011 08:05

Re: Please tell me the code for rounded corner DIV
 
Chrome + Safari

-webkit-border-radius: 3px;

Firefox

-moz-border-radius: 3px;

Standard

border-radius: 3px;

seoabhisek 1Feb2011 12:31

Re: Please tell me the code for rounded corner DIV
 
actuuly buddy u didn't mentioned the language in which u require the code

mialuzzatto 9Sep2015 19:07

Re: Please tell me the code for rounded corner DIV
 
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


All times are GMT +5.5. The time now is 00:09.