CSS实现圆角
Get the Code: CSS
<style type="text/css"> .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#EC34E6} .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ac937f; border-right:1px solid #ac937f; background:#d05db9} .spiffy2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #87ca44; border-right:1px solid #87ca44; background:#d653c3} .spiffy3{ margin-left:1px; margin-right:1px; border-left:1px solid #d653c3; border-right:1px solid #d653c3;} .spiffy4{ border-left:1px solid #ac937f; border-right:1px solid #ac937f} .spiffy5{ border-left:1px solid #d05db9; border-right:1px solid #d05db9} .spiffyfg{ background:#EC34E6} </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>