CSS3 Question:
Download Questions PDF

How to create Rounded Corners using css3?

Answer:

We have to creat a class like below
<style>
.roundc{
border:2px solid #ff0000;
border-radius:25px;
background:#dddddd;
width:300px;
-moz-border-radius:25px; /* Firefox */
-webkit-border-radius:25px; /* Chrome and Safari */
-o-border-radius:25px; /* Opera */
}
</style>
and we have to add this class where we want the round corner like in below div
<div class="roundc" > this is the round corner by css3 </div>

Download CSS3 Interview Questions And Answers PDF

Previous QuestionNext Question
What new futures added in CSS3 for Borders and how Browser Support it?How to create border using images by CSS3?