📍تطبيق عملي HTML / CSS 🔥
بهذا التطبيق راح نصمم نموذج اشتراك بسيط عباره عن radio button وراح نستخدم خاصية Flex لتوزيع العناصر بالصفحة 😍
راح نصمم الشكل كما بالفيديو 👇
بهذا التطبيق راح نصمم نموذج اشتراك بسيط عباره عن radio button وراح نستخدم خاصية Flex لتوزيع العناصر بالصفحة 😍
راح نصمم الشكل كما بالفيديو 👇
بالبداية نقوم بإنشاء بنية الصفحة بإنشاء نموذج عادي ويحتوي على مربعين خيار من نوع radio , وتكون بداخل form وبالأعلى العنوان كما موضح بالكود التالي :
# يمكنك استبدال الصورة بأيقونات الخطوط ..
سوف يظهر لنا بهذا الشكل ..
اضفت الخاصية "dir="rtl لتغيير اتجاه الصفحة من اليمين الى اليسار ..
وسوف نقوم بتنسيقه باستخدام CSS .
اضفت الخاصية "dir="rtl لتغيير اتجاه الصفحة من اليمين الى اليسار ..
وسوف نقوم بتنسيقه باستخدام CSS .
أولا راح نغير نوعية الخط ونستخدم خط Cairo وتقدر تستخدم اي خط اخر ..
ونستخدم خاصية Flex
ونستخدم خاصية Flex
تنسيقات باقي العناصر وغيرنا حجم الصورة لتتناسب مع العنوان :
تنسيقات باقي العناصر وهذا شرح لاهم الخصائص .. 👇
من خلال هذه الخاصية نغير لون مربع radio 👌
accent-color
accent-color
وبنهاية الثريد لا تنسى متابعة حسابي للمزيد 🔥
جاري تحميل الاقتراحات...