هل يمكن جعل زوايا دائرية ؟

السلام عليكم

<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">
MiN! SpId3r
</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>

وفي الستايل

.spiffy{display:block}
.spiffy *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#09F}
.spiffy1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #277083;border-right:1px solid #277083;background:#1e9fbf}
.spiffy2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #304145;border-right:1px solid #304145;background:#1da7ca}
.spiffy3{margin-left:1px;margin-right:1px;border-left:1px solid #1da7ca;border-right:1px solid #1da7ca;}
.spiffy4{border-left:1px solid #277083;border-right:1px solid #277083}
.spiffy5{border-left:1px solid #1e9fbf;border-right:1px solid #1e9fbf}
.spiffyfg{background:#09F;padding:5px}

يعطيك العافيه يا الغالي