CSS加小手可實現指針懸停時的鼠標樣式,為用戶提供更友好的使用體驗。通過CSS中的cursor屬性來實現。
/*樣式1*/ .selector { cursor: pointer; } /*樣式2*/ .selector { cursor: hand; }
在樣式中,我們可以設置cursor屬性。常用的只有兩種,一種是pointer,一種是hand。在不同的瀏覽器中,hand的效果有所不同。在Webkit內核的瀏覽器中,手形光標的樣式是pointer。
除了指針外,還有其他的樣式可以用在cursor屬性中:
.cursor1 { cursor: crosshair; /* 十字線 */ } .cursor2 { cursor: help; /* 幫助 */ } .cursor3 { cursor: move; /* 移動 */ } .cursor4 { cursor: not-allowed; /* 不允許 */ } .cursor5 { cursor: progress; /* 進度 */ } .cursor6 { cursor: text; /* 文字 */ }
通過CSS的cursor屬性,我們可以方便地設置各種格式的鼠標樣式,從而提供更好的用戶體驗。