CSS中可以使用cursor
屬性來(lái)設(shè)置光標(biāo)的樣式,包括光標(biāo)形狀、大小和顏色等。其中,cursor
屬性的值可以是CSS2.1規(guī)范中定義的光標(biāo)樣式名,也可以是圖片(url)。
/* 設(shè)置光標(biāo)形狀為十字形 */ p { cursor: crosshair; } /* 設(shè)置光標(biāo)大小為20像素 */ p { cursor: default; font-size: 20px; } /* 設(shè)置鼠標(biāo)懸停時(shí)光標(biāo)顏色為紅色 */ p:hover { cursor: pointer; color: red; } /* 設(shè)置自定義圖片光標(biāo) */ p { cursor: url('cursor.png'), auto; } /* 設(shè)置自定義圖片光標(biāo)大小為22像素 */ p { cursor: url('cursor.png') 11 11, auto; /*將光標(biāo)圖片鎖定在光標(biāo)中心*/ width: 22px; height: 22px; }
在實(shí)際開(kāi)發(fā)中,我們可以根據(jù)頁(yè)面樣式和交互需求來(lái)設(shè)置合適的光標(biāo)樣式和大小,提升用戶(hù)體驗(yàn)。