css round corner

Rounded corner CSS without images

Rounded corner css for all browsers

Copy following css and paste after head tag

<style type=”text/css”>
u.corner u
{
height: 1px;
font-size: 1px;
display: block;
overflow: hidden;
text-decoration: none;
background-color: Red;
}
u.corner u.h1
{
margin: 0 5px;
}
u.corner u.h2
{
margin: 0 3px;
}
u.corner u.h3
{
margin: 0 2px;
}
u.corner u.h4
{
margin: 0 1px;
height: 2px;
}
</style>

Copy following code and paste after body tag

<u><u></u><u></u><u></u><u>
</u></u>
<div style=”background-color: Red; “>
  Rounded corner css
</div>
<u><u></u><u></u><u></u><u>
</u></u>

 

About the Author

avatar