درس cssتغيير أشكال مؤشر الماوس

السلام عليكم ورحمة الله وبركاته
.......................................
في هذا الدرس نتعلم كيفية تغيير شكل الماوس عند المرور على كلام معين أو وصلة محددة أو حتى صورة معينة
بداية هذه هي المتغيرات المتاحة ليتغير اليها مؤشر الماوس في css
</SPAN>

الرمز:

auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait

نبدأ الدرس
لتغيير المؤشر عند المرور على كلام معين:
نقوم بتحديد هذا الكلام من ضمن البقية عن طريق

الرمز:

الكلام هنا

في الكود السابق تم تحديد الكلام باسم "b"
الآن نقوم بتحديد خواص cssل الفئة "b"
في صفحة السي اس اس او في منطقة style في رأس الصفحة

الرمز:

.b{ cursor:pointer; }

بدل pointer
ضع الشكل الذي تريده من الاشكال السابقة
..............................................................
نفس الطريقة تنطبق على الوصلات
نحدد الوصلة بفئة معينة

الرمز:

وصلة معينة

من المعروف ان الوصلة عندما يمر المؤشر عليها يتغير الى شكل اليد أي إلى pointer
لو أردنا مثلا ان نجعله لا يتغير سنقوم بتطبيق default هكذا

الرمز:

.link a{ cursor:default; }

ونفس الطريقة تنطبق على الصور
هذا مثال حي على الدرس:
هنــــــــــــــــــــــــــــا
انتهى الدرس

شرح الاخ دونبيرت