CSS中選中小手是一種常見的效果,可以讓用戶知道某個(gè)元素可以被點(diǎn)擊或拖動(dòng)。與此相關(guān)的CSS樣式是"cursor: pointer;"。
/* 示例代碼 */ .button { cursor: pointer; }
在上面的示例代碼中,我們可以看到將鼠標(biāo)放在class為"button"的元素上時(shí),鼠標(biāo)會(huì)變成小手的樣式,這就是使用了"cursor: pointer;"樣式。
除了"cursor: pointer;"樣式之外,CSS中還有一些其他的鼠標(biāo)樣式可以使用。例如:
/* 光標(biāo)樣式效果示例 */ .box { cursor: default; /* 默認(rèn)光標(biāo) */ } a:hover { cursor: help; /* 幫助光標(biāo) */ } input[type="text"] { cursor: text; /* 文本光標(biāo) */ } button { cursor: wait; /* 等待光標(biāo) */ } img { cursor: crosshair; /* 十字光標(biāo) */ }
通過對不同元素選用不同的鼠標(biāo)樣式,可以增加頁面的可交互性和用戶體驗(yàn)。