DIV Rounded Corners

CSS

<style type="text/css">
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#B3A400}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ded791;
border-right:1px solid #ded791;
background:#c6ba3f}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #f7f5e5;
border-right:1px solid #f7f5e5;
background:#c1b530}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #c1b530;
border-right:1px solid #c1b530;}
.spiffy4{
border-left:1px solid #ded791;
border-right:1px solid #ded791}
.spiffy5{
border-left:1px solid #c6ba3f;
border-right:1px solid #c6ba3f}
.spiffyfg{
background:#B3A400}
</style>

HTML

<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="spiffyfg">
<!-- 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>

Comments

Popular posts from this blog

Use configSource attribute to manage Web.Config sections in ASP.Net 2.0

DevOps - Key Concepts - Roles & Responsibilities - Tools & Technologies