كيفية الوصول لنفس التنسيق الموجود بالصورة

هنا نحن في أكاديمية حسوب لا نقوم بالإجابة على أسئلة الإختبارات أو التقيمات ولكن يمكننا أن ندلك على طريقة الحل.

أولا بالنسبة إلى توسيط العناصر في الشاشة فيمكنك إستخدام flexbox لتستطيع بناء عناصر متجاوبة وتوسيطها في أى حجم للشاشة ويمكنك قراءة الدرس التالي حول كيفية إستخدام flexbox :

أما بخصوص المؤشر فتوجد خاصية في css تسمي caret-color يمكنك قراءة كيفية إستخدامه من خلال موسوعة حسوب على الرابط التالي :

• الخاصية caret-color

ولتستطيع إنشاء border يحوى لونين يمكنك إستخدام الدالة linear-gradient()‎ في css مع الخاصية border-image لتحقيق ذلك ويمكنك قراءة كيفية إستخدام تلك الخاصيتين من خلال موسوعة حسوب على الرابط التالي :

• الدالة linear-gradient()‎
• الخاصية border-image

يمكنك محاولة حل التقيم بنفسك وإخبارنا بالكود الذي توصلت إليه .