HTML+CSS-Implementierungscode für abgerundete Rechtecke

<style type="text/css">
.spiffy{Anzeige:Block}
.schick *{
Anzeige:Block;
Höhe: 1px;
Schriftgröße: .01em;
Überlauf: versteckt;
Hintergrund: #b20000}
.schick1{
Rand links: 3px;
Rand rechts: 3px;
Polsterung links: 1px;
Polsterung rechts: 1px;
Rahmen links: 1px durchgezogen #870000;
Rahmen rechts: 1px durchgezogen #870000;
Hintergrund: #9f0000}
.spiffy2{
Rand links: 1px;
Rand rechts: 1px;
Polsterung rechts: 1px;
Polsterung links: 1px;
Rahmen links: 1px durchgezogen #6f0000;
Rahmen rechts: 1px durchgezogen #6f0000;
Hintergrund: #a30000}
.spiffy3{
Rand links: 1px;
Rand rechts: 1px;
Rahmen links: 1px durchgezogen #a30000;
Rahmen rechts: 1px durchgezogen #a30000;}
.spiffy4{
Rahmen links: 1px durchgezogen #870000;
Rahmen rechts: 1px durchgezogen #870000}
.spiffy5{
Rahmen links: 1px durchgezogen #9f0000;
Rahmen rechts: 1px durchgezogen #9f0000}
.spiffyfg{
Hintergrund: #b20000}
</Stil>

<div Stil="Hintergrund:#680000; Polsterung:20px">
<b Klasse="schick">
<b Klasse="spiffy1"><b></b></b>
<b Klasse="spiffy2"><b></b></b>
<b class="spiffy3"></b>
<b class="spiffy4"></b>
<b class="spiffy5"></b>
</b>
<div style="Hintergrund:#b20000; Höhe:100px; Schriftgröße:30pt; Textausrichtung:Mitte;">
&bull;&bull;&bull;
</div>
<b Klasse="schick">
<b class="spiffy5"></b>
<b class="spiffy4"></b>
<b class="spiffy3"></b>
<b Klasse="spiffy2"><b></b></b>
<b Klasse="spiffy1"><b></b></b>
</b>
</div>