<style>
.roundDiv1
{
background:#BB0000; color:#fff; margin:0 8px;
font-family:verdana,arial;font-size:9pt;
font-weight:bolder;text-align:center;width:450px;
}
.rtop, .rbottom
{
display:block;
background:#fff;
}
.rtop *, .rbottom *
{
display: block;
height: 1px;
overflow: hidden;
background:#BB0000;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}
</style>

<div class=”roundDiv1″>

<div class=”roundDiv1″> <b class=”rtop”><b class=”r1″></b> <b class=”r2″></b> <b class=”r3″> </b> <b class=”r4″></b></b>4 حواف ناعمة<b class=”rbottom”><b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b></b> </div>

<div class=”roundDiv1″> <b class=”rtop”><b class=”r1″></b> <b class=”r2″></b> <b class=”r3″> </b> <b class=”r4″></b></b>
DIV حافتان ناعمتان فقط