鼠标样式 cursor

更多可参考文档

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

语法：

li {cursor: pointer; }

可以拷贝自己试试效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>用户界面样式-鼠标样式</title>
</head>
<body><ul><li style="cursor: default;">我是默认的小白鼠标样式</li><li style="cursor: pointer;">我是鼠标小手样式</li><li style="cursor: move;">我是鼠标移动样式</li><li style="cursor: text;">我是鼠标文本样式</li><li style="cursor: not-allowed;">我是鼠标禁止样式</li></ul>
</body>
</html>

CSS -- CSS设置鼠标样式(小手，移动，文本，禁止)相关推荐

CSS中设置鼠标样式
cursor规则是设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状所有主流浏览器都支持 cursor 属性. 注释:Opera 9.3 和 Safari 3 不支持 url 值. 注释:任何版 ...
css指针光标样式小手图标
css指针光标样式小手图标: 适用于各浏览器使用的标准大小:32px*32px,右键保存图片可用 PS:找了好一会儿,才找到这样的指针光标小手图片,分享下
web前端入门学习 css（7）css高级技巧（精灵图、字体图标、css三角、鼠标样式、表单轮廓线、文本框拖拽、垂直对齐、图底空白缝隙、margin负值、溢出文字省略号、文字环绕、css初始化）
文章目录精灵图为什么需要精灵图? 精灵图的使用精灵图课堂案例用精灵图拼出自己的名字字体图标字体图标的下载字体图标的引入字体图标的追加 css三角(用边框border制作) 案例:京东三 ...
html 怎么设置鼠标效果,css怎么设置鼠标形状
相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,下面是学习啦小编带来的关于css怎么设置鼠标形状的内容,欢迎阅读! css怎么设置鼠标 ...
css中设置鼠标形状的函数,css怎样设置鼠标的形状
css怎样设置鼠标的形状发布时间:2020-11-13 10:10:40 来源:亿速云阅读:91 作者:小新小编给大家分享一下css怎样设置鼠标的形状,相信大部分人都还不怎么了解,因此分享这篇文 ...
CSS分别设置Input样式（按input类型
CSS分别设置Input样式(按input类型) 当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?--对,对,对,它们都对.也许你 ...
css边框设置阴影样式
css边框设置阴影样式 box-shadow上下左右四个边框设置阴影样式语法值/说明四个不同样式实现效果语法 box-shadow: h-shadow v-shadow blur sprea ...
Web前端鼠标变小手两种实现
CSS实现方式: cursor:pointer;//鼠标变小手 js实现方式: <button id="abc"class="botton_qr_download& ...
css 鼠标hover 小手、箭头等样式
css 鼠标 hover 里 cursor 的属性 (小手.箭头-) 属性 cursor 属性值描述 ur l 需使用的自定义光标的 URL default 默认光标(通常是一个箭头) auto 默 ...

CSS -- CSS设置鼠标样式(小手，移动，文本，禁止)

鼠标样式 cursor

CSS -- CSS设置鼠标样式(小手，移动，文本，禁止)相关推荐

最新文章

热门文章