下面土嘎嘎小编分享一些常见的CSS鼠标CSS鼠标样式,你可以在CSS中使用 cursor 属性来设置它们:
1. 默认指针CSS鼠标样式(默认):
〓〓css代码如下:〓〓
element {
cursor: auto;
}
2. 指针CSS鼠标样式(一般用于链接):
〓〓css代码如下:〓〓
element {
cursor: pointer;
}
3. 文本选择CSS鼠标样式:
〓〓css代码如下:〓〓
element {
cursor: text;
}
4. 十字形CSS鼠标样式(用于调整大小或选择):
〓〓css代码如下:〓〓
element {
cursor: crosshair;
}
5. 移动CSS鼠标样式(表示可拖动):
〓〓css代码如下:〓〓
element {
cursor: move;
}
6. 禁止CSS鼠标样式(表示不允许操作):
〓〓css代码如下:〓〓
element {
cursor: not-allowed;
}
7. 缩放CSS鼠标样式(表示可缩放):
〓〓css代码如下:〓〓
element {
cursor: zoom-in;
}
8. 垂直调整CSS鼠标样式(表示垂直调整大小):
〓〓css代码如下:〓〓
element {
cursor: ns-resize;
}
9. 水平调整CSS鼠标样式(表示水平调整大小):
〓〓css代码如下:〓〓
element {
cursor: ew-resize;
}
10. 多向调整CSS鼠标样式(表示多方向调整大小):
〓〓css代码如下:〓〓
element {
cursor: nwse-resize;
}
这只是一小部分常见的鼠标CSS鼠标样式示例。除此之外,还有其他更多的鼠标CSS鼠标样式可供选择。你可以根据具体的需求和设计要求选择适当的鼠标CSS鼠标样式。