CSS中有一個(gè)屬性可以設(shè)置鼠標(biāo)的手勢(shì),那就是cursor屬性。通過設(shè)置不同的值,我們可以讓鼠標(biāo)在不同情況下顯示不同的手勢(shì)。
/* 設(shè)置鼠標(biāo)為默認(rèn)箭頭 */ cursor: default; /* 設(shè)置鼠標(biāo)為手型 */ cursor: pointer; /* 設(shè)置鼠標(biāo)為等待狀態(tài) */ cursor: wait; /* 設(shè)置鼠標(biāo)為文本輸入狀態(tài) */ cursor: text; /* 設(shè)置鼠標(biāo)為禁止?fàn)顟B(tài) */ cursor: not-allowed; /* 設(shè)置鼠標(biāo)為移動(dòng)狀態(tài) */ cursor: move;
使用這些屬性可以讓我們的頁面交互更加豐富多彩。需要注意的是,不同的瀏覽器可能對(duì)一些鼠標(biāo)手勢(shì)顯示的效果不同,因此在設(shè)定時(shí)需要謹(jǐn)慎。同時(shí),設(shè)置鼠標(biāo)的手勢(shì)也可用于帶有交互功能的元素上,如下拉框、按鈕等,讓用戶更加明確地知道該元素具有交互功能。
上一篇css頁面布局怎么練
下一篇css評(píng)估