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