Home > .CodeSlayer's Posts, CSS, Q & A > Q & A: How To Make Div’s With Rounded Corners In CSS?

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

Question:

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

Answer:

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

border-radius

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

-Kristobaldude

Advertisements
Categories: .CodeSlayer's Posts, CSS, Q & A
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: