Una volta ho utilizzato questo:
Codice:
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div>Contenuto</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
e nel CSS:
Codice:
/* Round Border */
b.rtop, b.rbottom{display: block; background: trasparent;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #EFF7FE;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px; }
.testo{background: #dce4ef; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
.rbottom {
margin-bottom:5px;}
Non so se può esserti utile, ma il risultato non è male.