شرح مصور تغيير مظهر الأستايل CSS Border Radius

السلام عليكم ورحمة الله وبركاته ,,

اليوم جايب لكم شرح للي يحبون الزبرقه بـ استايلاتهم , وهالحركه بتعطيه مظهر حلو آكيد !

بوريكم مثآل ,

قبل ~
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
بصراحة شكل مو حلو

طيب نشوف بعد
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
وهـ شآيفين كيف البوردرآت وشلون مزينه حدود الجدوآل صآيره تسنهـآ دويرهـ <- برآ

المهم هآلطريقه سهله وتعتمد ع ذوقكـ ...

خش هآلموقع ~ [ CSS Border Radius ]

تحصل بكل جهة مربع [ حط القيمة اللي تبيهـآ ] بعد ماتحط تلاحظ إن الجدول تغير ~ حلو ,
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
اللحين ماعليك يا بو الشبآب الا ان تقوم وتنسخ هآلقيم وتروح لـ :

التحكم بالإستايلات >--> خيآرات جميع الاستآيلات .

الأقسام الرئيسية/Category Strips
رأس الجدول/Table Header
نهاية الجدول/Table Footer
لون التوزيع الأول/First Alternating Color
لون التوزيع الثاني/Second Alternating Color
محيط اللوحة/Panel Surround
اللوحة (الأشكال)/Panel Forms
خيار صف قائمة الإنبثاق/Popup Menu Option Row
خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option

ونقوم بـ اضافة القيم ع الشكل آلتآلي
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
ثم نضغط آذهب
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
ومن ثم مثال لوضع الكود
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الطريقه حلوه وعجبتني ,, وتقدر تسوي اكثر من شكل فيهآ


الكـــود

الكود:

 -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 5px;
border-top-right-radius: 4px;
border-bottom-left-radius: 6px; 

هالخاصيه ما تعمل الا ع [ Mozilla Firefox ] والمتصفحات المتطورهـ مثل قوقل كروم ,
اما انترنت اكسبلور ماتعمل عليه هههههه مدري ليه يمكن عشان محد يستخدمه

استودعكم بــ الله اتمنا ان لايكون مكرر
تحياتي لكم