css光标事件 |css全屏背景图片代码

在 CSS 中，大家可以使用“cursor”属性来设置鼠标的样式。其中，“default”表示默认样式，“pointer”表示手指点击样式，“text”表示文本输入样式等等，具体可以参考下面的预设样式表：

body{
cursor: default; /* 鼠标样式为默认 */
}
a{
cursor: pointer; /* 鼠标样式为手指 */
}
input[type=text]{
cursor: text; /* 鼠标样式为文本输入 */
}

除了使用预设样式之外，大家还可以自定义鼠标样式。在 CSS3 中，提供了“url()”函数来引入自定义的图标。例如：

body{
cursor: url('myCursor.png') 10 10, auto; /* 引入自定义鼠标图标 */
}

其中，“myCursor.png”为鼠标样式的图片文件，“10 10”表示鼠标图标的坐标，可以根据实际情况进行调整。

除了改变鼠标的样式之外，CSS 还提供了一些光标事件，用于在特定鼠标操作时触发相应的效果。常见的光标事件有“:hover”、“:active”、“:focus”等等，可以通过选择器进行定义。例如：

a:hover{
color: red; /* 当鼠标移动到链接上时，链接变红 */
}
button:active{
background-color: blue; /* 当鼠标按下按钮时，按钮变成蓝色 */
}
input:focus{
border: 1px solid green; /* 当文本框获得焦点时，边框变成绿色 */
}

以上就是 CSS 光标事件的基本内容，通过设置鼠标样式和光标事件，大家可以让网页具有更加丰富的交互效果。