/* 设置光标形状为十字形 */ p { cursor: crosshair; } /* 设置光标大小为20像素 */ p { cursor: default; font-size: 20px; } /* 设置鼠标悬停时光标颜色为红色 */ p:hover { cursor: pointer; color: red; } /* 设置自定义图片光标 */ p { cursor: url('cursor.png'), auto; } /* 设置自定义图片光标大小为22像素 */ p { cursor: url('cursor.png') 11 11, auto; /*将光标图片锁定在光标中心*/ width: 22px; height: 22px; }
在实际开发中,大家可以根据页面样式和交互需求来设置合适的光标样式和大小,提升用户体验。