CSS 十字光標是一個非常實用的鼠標指針樣式之一,在網頁設計中被廣泛應用。通過 CSS,我們可以輕松地自定義網頁鼠標指針的外觀,表達出更加直觀的信息與交互效果。
cursor: crosshair;
上面的 CSS 代碼就可以使網頁光標變成一個十字形狀,類似于屏幕取色器一樣的樣式,該光標通常用于標注或選擇所需的區域。
cursor: default;
默認的鼠標指針樣式為箭頭,使用上述代碼設置后,鼠標指針樣式將重置為箭頭。
cursor: pointer;
鼠標指針的樣式變為手型,一般用于超鏈接、按鍵等可以被點擊的元素上,表達出“這里是個鏈接,點我”這樣的信息。
cursor: move;
光標會變成一個交叉箭頭,該樣式通常用于具有拖拽效果的元素。
cursor: text;
光標變成一條直線,類似于文本光標,適用于需要輸入文本或者編輯文本的區域。
總之,通過簡單的 CSS 代碼,我們可以自定義各種鼠標指針樣式,提供更加清晰、準確的頁面交互體驗。
上一篇vue按鈕靠左排列