How you can create rounded corners using css3?
Submitted by: AdministratorWe 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>
Submitted by:
<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>
Submitted by:
Read Online Web Development Job Interview Questions And Answers
Top Web Development Questions
☺ | How to include comments in HTML? |
☺ | Define JavaScript? |
☺ | How you create arrays in JavaScript? |
☺ | What is the relationship between JavaScript and ECMAScript? |
☺ | What is w3c? |
Top Coding/Programming Categories
☺ | Python Interview Questions. |
☺ | OOP Interview Questions. |
☺ | Software engineering Interview Questions. |
☺ | PHP Interview Questions. |
☺ | VBA (Visual Basic for Applications) Interview Questions. |