آموزش طراحی وب

cursor در CSS

در این جلسه ی آموزشی در رابطه با cursor در css صحبت کردیم .

CSS

فصل چهارم : Properties در CSS

جلسه پانزدهم   : cursor در CSS

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

دوستان این جلسه خیلی کوتاهه چون فقط میخوام cursor رو بهتون معرفی کنم .

با استفاده از این خاصیت میتونید حالت موس تون رو تغییر بدید . مثلا وقتی موس میره روی یه گزینه  pointer موستون به شکل علامت سوال دربیاد یا هر حالت دیگه ای که دلتون بخواد (البته در چارچوب مقادیر cursor) .

 

قاعده دستوری cursor

 حالت های cursor در css

alias

all-scroll

auto

cell

context-menu

col-resize

copy

crosshair

default

e-resize

ew-resize

help

move

n-resize

ne-resize

nesw-resize

ns-resize

nw-resize

nwse-resize

no-drop

none

not-allowed

pointer

progress

row-resize

s-resize

se-resize

sw-resize

text

url(smiley.gif),url(myBall.cur),auto

vertical-text

w-resize

wait

zoom-in

zoom-out

تو این صفحه میتونید تمامی حالت هارو مشاهده کنید .

 

به عنوان مثال یه باکسی دارید که شمارو برای یه بخشی از سایتتون راهنمایی می کنه ، دوست دارید وقتی موس روی این باکس رفت ، به شکل علامت سوال دربیاد :

کد html

کد CSS

به همین راحتی 🙂

خوب دوستان این جلسه ی آموزشی هم به اتمام رسید .

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین