css 鼠标

作者：平凡中的不凡发布日期:2026-03-20 浏览:53

/* 鼠标样式示例代码 */

/* 1. 改变鼠标指针为手型（通常用于链接或可点击元素） */
a {
    cursor: pointer;
}

/* 2. 改变鼠标指针为文本选择光标（通常用于文本区域） */
p {
    cursor: text;
}

/* 3. 改变鼠标指针为等待状态（通常用于加载中） */
.loading {
    cursor: wait;
}

/* 4. 改变鼠标指针为十字线（通常用于绘图工具） */
.canvas {
    cursor: crosshair;
}

/* 5. 自定义鼠标指针（使用图片） */
.custom-cursor {
    cursor: url('path/to/custom-cursor.png'), auto;
}

解释说明：

cursor 属性用于定义鼠标的样式。
pointer：将鼠标指针变为手型，常用于按钮、链接等可点击的元素。
text：将鼠标指针变为文本选择光标，常用于文本框或段落内容。
wait：将鼠标指针变为等待状态，常用于页面加载或操作正在进行时。
crosshair：将鼠标指针变为十字线，常用于绘图工具或选择区域。
url()：可以自定义鼠标指针，指定一个图片路径作为鼠标图标，并且可以提供一个备用的默认样式（如 auto）。

上一篇：css img自适应

下一篇：css文本超出2行显示省略号