CSS鼠标样式cursor属性怎么设置

2019-12-09 10:42:05网站建设

CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式。

一般在网页中一些特殊版块布局时,会遇到这类需求,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。

系统默认鼠标指针样式外,还可以通过CSS设置图片等元素为鼠标指针样式,比如有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。

CSS鼠标样式cursor语法:

CSS鼠标样式

cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

常用cursor设置鼠标样式说明

比如想要设置.mouse的鼠标样式

.mouse { cursor:default }默认正常鼠标指针
.mouse { cursor:hand }和div{ cursor:text } 文本选择效果
.mouse { cursor:move } 移动选择效果
.mouse { cursor:pointer } 手指形状 链接选择效果
.mouse { cursor:url(url图片地址) }设置对象为图片

CSS鼠标样式cursor属性怎么设置相关

怎么引入css的样式,方法有哪些?

怎么引入css的样式,方法有哪些?

CSS层叠样式表是用来控制网页样式和布局的,那么怎么引入CSS的样式,引用的方法有哪些呢?要知道使用不同的方法来引用css样式表,达到的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。

2020-07-05
css滚动条样式怎么设置

css滚动条样式怎么设置

为了做出更好的视觉效果,有时候需要用css改变浏览器或版块中滚动条的样式,那么应该怎么实现自定义滚动条样式呢?

2019-12-17

CSS图片居中代码怎么写

在很多时候,为了内容布局效果,需要通过css让图片居中,那么要怎么让图片在div内水平居中呢,代码怎么写?一起来看看吧。

2019-12-17