السلام عليكم ورحمة الله وبركاته
طالما كنت ابحث عن ذلك وبالصدفة وجدتها
كود :
border-radius: 15px;
هذا سر شكل الزوايا تطبقها على التخطيط الرئيسي للجدول وعلى منطقة الهيدر ليكون متناسقا
الكود اللي في الاعلى يقوس كل الزوايا لكن مارايك باختيار الزاوية المراد تقويسها
كود :
border-top- left-radius: 15px;
border-top- right-radius: 15px;
border-bottom- left-radius: 15px;
border-bottom- right-radius: 15px;
وعليكم السلام ورحمة الله وبركاته.
شكراً لك على سؤالك، ويمكن استخدام الخاصية border-radius في CSS لتقويس زوايا العناصر.
لتحديد زاوية مقوسة محددة، يمكن استخدام الخصائص border-top-left-radius, border-top-right-radius, border-bottom-left-radius, و border-bottom-right-radius. على سبيل المثال، إذا أردت تقويس زاوية في الجهة العلوية اليمنى، يمكن استخدام الخاصية border-top-right-radius وتحديد القيمة المطلوبة، كما يلي:
border-top-right-radius: 15px;
يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.
ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.