CSS中可以使用cursor
屬性來設置鼠標放在圖片上的樣式,以下是一些常見的鼠標樣式:
default
系統(tǒng)默認的鼠標樣式。
pointer
一個手指指向的樣式,通常用于可點擊的元素。
progress
一個沙漏或旋轉(zhuǎn)的圓圈,表示正在加載或處理中。
wait
一個等待光標,通常用于表示程序正在思考或響應。
cell
一個十字形的樣式,通常用于表格中的單元格。
text
一個文本輸入的樣式,通常用于文本輸入框。
vertical-text
一個垂直的文本輸入樣式,通常用于密碼輸入框。
alias
一個別名或替代的樣式,通常用于表示一個可選的操作。
copy
一個復制光標的樣式,通常用于表示可以復制文本。
grab
一個抓取光標的樣式,通常用于表示可以拖動元素。
all-scroll
一個可以上下左右滾動的樣式,通常用于表示可以滾動的區(qū)域。
col-resize
一個可以左右拖動調(diào)整列寬的樣式,通常用于表格中的列。
row-resize
一個可以上下拖動調(diào)整行高的樣式,通常用于表格中的行。
n-resize
一個向北拖動調(diào)整大小的樣式。
e-resize
一個向東拖動調(diào)整大小的樣式。
s-resize
一個向南拖動調(diào)整大小的樣式。
w-resize
一個向西拖動調(diào)整大小的樣式。
ne-resize
一個向東北拖動調(diào)整大小的樣式。
nw-resize
一個向西北拖動調(diào)整大小的樣式。
se-resize
一個向東南拖動調(diào)整大小的樣式。
sw-resize
一個向西南拖動調(diào)整大小的樣式。
要將鼠標放在圖片上并改變樣式,可以使用以下CSS代碼:
img { cursor: pointer; /* 將鼠標放在圖片上時變?yōu)槭种钢赶虻臉邮?*/ }
這將使鼠標放在任何圖片上時都變?yōu)槭种钢赶虻臉邮?,如果你只想改變特定圖片上的樣式,可以給圖片添加特定的類名或ID,并在CSS中針對該類名或ID設置樣式。