Login
网站首页 > 文章中心 > Css

css鼠标样式大全

作者:小编 更新时间:2023-08-17 22:51:47 浏览量:185人看过

下面土嘎嘎小编分享一些常见的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鼠标样式。


版权声明:倡导尊重与保护知识产权,本站有部分资源、图片来源于网络,如有侵权,请联系我们修改或者删除处理。
转载请说明来源于"土嘎嘎" 本文地址:http://www.tugaga.com/jishu/css/1613.html
<<上一篇 2023-08-17
下一篇 >> 2023-08-17

编辑推荐

热门文章