css鼠标样式代码

发布时间:2025-12-10 13:01:10 浏览次数:18

CSS鼠标样式是网页设计中非常重要的一部分,它能使用户在操作页面时更加方便和舒适。以下是一些常用的CSS鼠标样式的代码:

/* 默认鼠标样式 */cursor: default;/* 指针样式 */cursor: pointer;/* 文本选择样式 */cursor: text;/* 移动样式 */cursor: move;/* 缩放样式 */cursor: zoom-in;cursor: zoom-out;/* 改变大小样式 */cursor: n-resize;cursor: e-resize;cursor: s-resize;cursor: w-resize;cursor: nw-resize;cursor: ne-resize;cursor: se-resize;cursor: sw-resize;/* 禁用操作 */pointer-events: none;
button:hover {cursor: pointer;}

在这个例子中,当鼠标悬停在按钮上时,会显示指针样式,让用户知道这是一个可点击的按钮。

需要做网站?需要网络推广?欢迎咨询客户经理 13272073477