[size=large][url]http://www.spiffycorners.com/[/url]
附件是一个带边框的圆角
Get the Code: CSS
<style type="text/css">
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#F3F7FF}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #f9fbff;
border-right:1px solid #f9fbff;
background:#f6f9ff}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fdfeff;
border-right:1px solid #fdfeff;
background:#f5f8ff}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #f5f8ff;
border-right:1px solid #f5f8ff;}
.spiffy4{
border-left:1px solid #f9fbff;
border-right:1px solid #f9fbff}
.spiffy5{
border-left:1px solid #f6f9ff;
border-right:1px solid #f6f9ff}
.spiffyfg{
background:#F3F7FF}
</style>
Get the Code: 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>
[/size]
附件是一个带边框的圆角
Get the Code: CSS
<style type="text/css">
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#F3F7FF}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #f9fbff;
border-right:1px solid #f9fbff;
background:#f6f9ff}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fdfeff;
border-right:1px solid #fdfeff;
background:#f5f8ff}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #f5f8ff;
border-right:1px solid #f5f8ff;}
.spiffy4{
border-left:1px solid #f9fbff;
border-right:1px solid #f9fbff}
.spiffy5{
border-left:1px solid #f6f9ff;
border-right:1px solid #f6f9ff}
.spiffyfg{
background:#F3F7FF}
</style>
Get the Code: 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>
[/size]