Spiffy Corners

Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff.

Simple Rounded Corner CSS Boxes made easy.
class name

background color

foreground color

EXAMPLE:
 
<style type="text/css">
.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#d3d4aa;
}
.spiffy1{
border-right:1px solid #eae9cc;
padding-right:1px;
margin-right:3px;
border-left:1px solid #eae9cc;
padding-left:1px;
margin-left:3px;
background:#ddddb9;
}
.spiffy2{
border-right:1px solid #f7f6e0;
border-left:1px solid #f7f6e0;
padding:0px 1px;
background:#dadbb5;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #dadbb5;
border-left:1px solid #dadbb5;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #eae9cc;
border-left:1px solid #eae9cc;
}
.spiffy5{
border-right:1px solid #ddddb9;
border-left:1px solid #ddddb9;
}
.spiffy_content{
padding:0px 5px;
background:#d3d4aa;
}
</style>
<div>
<b class="spiffy">
<b class="spiffy1"><b></b></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy3"></b>
<b class="spiffy4"></b>
<b class="spiffy5"></b>
</b> <div class="spiffy_content">
<!-- Your Content Goes Here -->
</div>
<b class="spiffy">
<b class="spiffy5"></b>
<b class="spiffy4"></b>
<b class="spiffy3"></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy1"><b></b></b>
</b>
</div>

Advertisement

For a custom web design, you donot need to be expert at some design software. Tools exist to get you going as an amateur designer. You can choose among the web templates online. When you want to buy domain then make sure it's name matches with your site concept. Whether you are using a broadband or any other form of internet connection, your website hosting must fulfill your domain requirements. Maybe this 70-554 test will prove useful.