Tag Archives: round corners by css

How to make round corners by css

How to create round corners by css

Create class in css file like follows
[javascript]

.curved-5px {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

[/javascript]
Assign the class to any html element like here

[javascript]
<div class=’curved-5px’>
Blah! Blah! Blah!
</div>
[/javascript]

Bonus: Drop shadow

[javascript][/javascript][/javascript]
.gray-shadow {
-moz-box-shadow: 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;
}
[/javasript]