CODEWITHSUNDEEP
htmlcss
DEVOPS
DEVOPS

Reputation: 18790

How to create a rounded corner background box using CSS?

How to create a rounded corner background box using CSS?

Upvotes: 4

Views: 8225

Answers (3)

Bobby Francis Joseph
Bobby Francis Joseph

Reputation: 600

Take a look at the CSS3 PIE project. It may help you with the problems related to CSS3 on old IE versions.

Upvotes: 0

Pavel Nikolov
Pavel Nikolov

Reputation: 9541

Use this css:

.box_round {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

And then simply use the class in your HTML like this

<div class="box_round" style="background-color:red">This is a test</div>

I added the background-color:red - just for test puporposes so that you can see the rounded corenrs.

HTH

Upvotes: 10

kgiannakakis
kgiannakakis

Reputation: 104178

This is only supported in CSS 3.

Upvotes: 2

Related Questions