Thanks to CSS3. You can use a circle using CSS3 with out using any images.
The code goes here...
CSS :
<style>
div {
background-color:rgb(120,250,20);
border:3px solid #333;
height:150px;
width:150px; Out Put
-webkit-border-radius:75px;
-moz-border-radius:75px;
border-radius:75px;
box-shadow:inset 0 25px 35px #535353;
}
</style>
HTML :
<div></div>
NOte :
I used the box-shadow property just to look attractive.
The code goes here...
CSS :
<style>
div {
background-color:rgb(120,250,20);
border:3px solid #333;
height:150px;
width:150px; Out Put
Circle using CSS3 |
-moz-border-radius:75px;
border-radius:75px;
box-shadow:inset 0 25px 35px #535353;
}
</style>
HTML :
<div></div>
NOte :
I used the box-shadow property just to look attractive.
No comments:
Post a Comment