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

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 ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

نظرسنجی

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

اموزش تصادفی