يبحث العديد من الأشخاص عن طريقة لاستخدام DIV+CSS لإنشاء مستطيل مستدير الزوايا، باستخدام الكود أدناه، يمكنك بسهولة تحقيق هذا المستطيل الدائري الجذاب للغاية.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*تحويل جميع علامات B إلى عناصر على مستوى الكتلة*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*قيمة سمة CSS للعلامة b مع اسم الفئة topb/bottomb في علامة div - الارتفاع هو 1 بكسل، والجزء الفائض مخفي، ولون الخلفية هي نفس خلفية div.bg Color*/
div b.topb,div b.bottomb{ الخلفية-لون:أبيض}/*يجب أن يكون لون خلفية اسم الفئة topb/bottomb في علامة div متسقًا مع لون خلفية الجسم*/
b.t1{margin:0 5px} /*ستحدد قيمة هامش العلامة مقدار القيمة الفائضة المخفية*/b.t2{margin:0 3px}b.t3{margin:0 2px} b.t4{margin:0 1px;height:2px;}
＜/style ＞
＜div align=”center”＞＜div class=”bg”＞
＜b class=”topb”＞＜!–**العلامة b يجب إخفاء الفائض الموجود في علامة b هذه**–＞＜b class= "
t1 ">
/＞＜b class=”bottomb”＞＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b class=”t2″＞＜/b＞＜b class= "t1"＞＜/b＞＜/b＞
＜/div＞＜/div＞