كيفية تغيير لون div عن طريق تمرير الماوس

مؤلف: Joan Hall
تاريخ الخلق: 5 كانون الثاني 2021
تاريخ التحديث: 21 ديسمبر 2024
Anonim
winforms how to change button color on Mouse Hover c# 4.6
فيديو: winforms how to change button color on Mouse Hover c# 4.6

المحتوى

تحدد علامات DIV (اختصار لـ "split") قسمًا من مستند HTML وغالبًا ما تستخدم مع لغة CSS لإنشاء التصميم الأساسي للموقع. يمكن تخصيص DIV باستخدام CSS لتحديد الهوامش ، التباعد ، الحدود ، حجم النص ، المحاذاة ، أو لون الخلفية ، بالإضافة إلى الحيل الأكثر تقدماً ، مثل تغيير لون DIV عندما يحوم المستخدم فوقها.


الاتجاهات

تتيح لك لغة CSS تطبيق الحيل لتحسين تفاعل المستخدم مع الصفحة (كومستوك / كومستوك / غيتي إيماجز)

  1. افتح المستند من صفحة الويب الخاصة بك في محرر نصوص.

  2. ضع المؤشر على سطر فارغ بين ""و"'.

  3. اكتب "type = 'text / css'>" واضغط على "أدخل". مع هذا سوف تبدأ في إنشاء برنامج نصي CSS.

  4. اكتب "# div1: hover {background-colour: # ff0000؛}" واضغط على "Enter". سيؤدي هذا إلى تخصيص حاوية DIV بالقيمة "div1" كخاصية المعرف باستخدام لون الخلفية "# ff0000" (قيمة ست عشرية) عندما يتم تنشيط حالة "التحويم" ، والذي سيحدث عند وضع مؤشر الماوس فوق DIV. يمكن تغيير قيم ألوان المعرف والخلفية إذا لزم الأمر.

  5. اكتب ""لإغلاق علامة البرنامج النصي CSS.

  6. ضع مؤشر النص على سطر فارغ بين علامتي "" و "".


  7. اكتب "" واضغط على "أدخل" لإنشاء حاوية DIV بقيمة المعرف "div1". إذا قمت بتغيير اسم المعرف في الخطوة 4 ، فيجب عليك وضع نفس الاسم هنا.

  8. اكتب أو الصق محتوى ليتم تضمينه في DIV واضغط على "إدخال".

  9. اكتب "" لإغلاق حاوية DIV.

  10. انقر فوق "ملف" و "حفظ" لحفظ المستند.