مستطيل مستدير الزوايا في صفحة ويب مكتوبة باستخدام DIV+CSS

<نمط>
div.bg{الخلفية:#ffc20e;العرض:50%}
ب {عرض: كتلة؛}
/*تحويل جميع علامات B إلى عناصر على مستوى الكتلة*/

div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;}
/*قيمة سمة CSS للعلامة b مع اسم الفئة topb/bottomb في علامة div - الارتفاع هو 1 بكسل، والجزء الفائض مخفي، ولون الخلفية هو نفس لون خلفية div.bg*/

div b.topb،div b.bottomb{ لون الخلفية: أبيض}
/*يجب أن يكون لون خلفية اسم الفئة topb/bottomb في علامة div متوافقًا مع لون خلفية النص*/

ب.t1{الهامش:0 5 بكسل}
/*ستحدد قيمة هامش التسمية مقدار القيمة الفائضة المخفية*/
ب.t2{الهامش:0 3px}
ب.t3{الهامش:0 2 بكسل}
b.t4{الهامش:0 1px;الارتفاع:2px;}

</نمط>

<div محاذاة = "المركز">
<div class="bg">

<b class="topb"><!--**يجب إخفاء العلامة b الموجودة في علامة b هذه**-->
<b class="t1"></b>
<b class="t2"></b>
<b class="t3"></b>
<b class="t4"></b>

</ب>
<br />
يتم جمع هذا الرمز وتجميعه من الإنترنت بواسطة شبكة التدريس عبر الويب شكرًا لك على دعمك!
<br />
<br />

<ب الطبقة = "أسفل">
<b class="t4"></b>
<b class="t3"></b>
<b class="t2"></b>
<b class="t1"></b>
</ب>

</div>
</div>