Q & A: How To Make Div’s With Rounded Corners In CSS?


How can I make boxes and div’s with rounded corners?


CSS3 is the first version to have built-in rounded rectangle commands. The css property that addresses is this:


It’s usage is:

border-radius: 15px;

Fairly simple and straight-forward; the higher the number the deeper the corner rounding.

If you have an older browser that does not support CSS3, then your only option is to pre-build the corners as images (gif or png for transparency) in Photoshop, Gimp, or some other graphic design program. After you have your corner(s) built, you would then use css to postion them around a rectangle button. There are many older tutorials that explain how to do this. Here is one


Notify of
Inline Feedbacks
View all comments
Would love your thoughts, please comment.x

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.