摘要:

下文讲述css为html页面设置鼠标样式的方法分享,如下所示:

在html页面中,我们经常看见各种各样的鼠标样式,如:等待形、手指形 那么这些形状是如何使用css脚本生成的呢?

实现思路:

使用css中cursor属性即可实现鼠标手的样式定义

cursor语法:

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常用样式说明:

1.div{ cursor:default }//缺省值---正常鼠标指针

2.div{ cursor:hand }和div{ cursor:text } //文本选择效果

3.div{ cursor:move } //移动选择效果

4.div{ cursor:pointer } //手指形状 链接选择效果

5.div{ cursor:url(url图片地址) } //设置对象为图片

例:

为div设置鼠标样式为移动形状

猫猫教程(www.maomao365.com)

---为div设置cursor设置移动形状

div{

height:130px;

line-height:130px;

width:260px;

cursor:move;

background-color:green;

color:white;

}

maomao365.com

当鼠标 放在Div中时,鼠标显示为移动形状


鼠标变为 移动形状

html中的鼠标样式,css 如何为html页面设置鼠标样式呢?相关推荐

  1. html中背景条纹效果,CSS制作Web页面条纹背景样式的技巧分享

    通过CSS中的linear-gradient主要就能显示出不同方向的条纹效果,这里我们就了解CSS制作Web页面条纹背景样式的技巧分享,需要的朋友可以参考下 一.横向条纹如下代码:background ...

  2. html input选中样式,CSS 伪类修改input选中样式的示例代码

    注:该表引自W3School教程 伪元素的分类及作用: 下面通过代码看下CSS 伪类修改input选中样式的示例代码,代码如下所示: 主要是用到了after伪类和字体符号. input{ -webki ...

  3. html加粗代码样式,css如何设置字体加粗样式?

    css可以通过font-weight属性来设置字体加粗.font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体. css可以通过font-weight属性 ...

  4. html中怎么改变鼠标形状,css鼠标样式语法及20种可选值(属性)

    我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形 ...

  5. html的css样式中表示后代选择器,css样式,后代选择器

    css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). css语法(下图所示) 每个CS ...

  6. CSS(列表+表格+链接+自定义鼠标光标)样式

    1.CSS列表样式 1.1 list-style-type属性 (值可取none.circle.square.decimal.disc.lower-alpha) 有序列表:列表项目用数字或者字母来表示 ...

  7. html中按钮的形状,css button 样式

    css 怎么去掉button默认样式 代码如下: .button{border:0px;background-color:transparent;background-image:url(你自定义背景 ...

  8. js移除某个样式_js中如何移除css样式?

    js中如何移除css样式? dom元素应用css有两种方式: ● 通过class类名和id名应用样式 ● 通过指定style属性应用样式 我们可以针对以上两种方式写移除css样式的方法 (相关课程推荐 ...

  9. html 中写样式,css样式中黑体怎么写

    css样式中黑体怎么写 css中通过font-family指定黑体即可.font-family:"Heiti SC","黑体-简" 如果是中文字体需要加引号,字 ...

  10. css中字体下划线样式,css下划线 浅谈css自定义下划线

    使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...

最新文章

  1. windows部署微服务jar包 yml_杰克布开源项目,低代码开发框架,Docker快速部署
  2. 推荐:数据竞赛的利器XGBoost的常见面试题
  3. Java——多线程(死锁)
  4. 关于EasyRecovery的一些高级设置
  5. win7 兼容 因特尔十代_高配主板想用win7咋办 Intel10代CPU配上驱动总裁玩转win7
  6. 18650锂电池保护板接线图_单节18650锂电池保护板的电路原理图
  7. 强制推广鸿蒙系统,鸿蒙系统凭实力占市场,无需通过禁止安卓系统来推广
  8. 乡镇特色产业发展情况调研报告
  9. 行政执法岗、基层岗申论必背
  10. [2017-07-27] 依图科技电话面试
  11. Nacos注册中心8-Server端(处理注册请求)
  12. 用户扫码微信支付后自动默认关注微信公众号
  13. 第14届蓝桥杯省赛真题剖析-2023年5月7日Scratch编程初级组
  14. 老李聊股:中油工程(第三篇)
  15. 项目集锦 | 易基因DNA羟甲基化5hmC测序研究成果
  16. get the sack
  17. Linux系统之Xinetd服务
  18. Excel if else or and 怎么使用(陕西省身份证号码区域划分)
  19. 搭建邮箱服务器hMailServer详细教程(Windows)
  20. Methods annotated with '@' must be overridable

热门文章

  1. MySQL 字符集和校对集
  2. linux mysql删除恢复,如果不小心把mysql的权限表删除了恢复方法
  3. 统计套利之平稳性检验
  4. C语言:输入年份,判断生肖
  5. mysql外码参照_mysql外键约束的参照我是来充字数的
  6. 搜狐新闻数据400w+
  7. VBox虚拟机安装Ubuntu
  8. HTML5作业:实现小米官网静态首页
  9. EMNLP 2020 BiST: Bi-directional Spatio-Temporal Reasoning for Video-Grounded Dialogues
  10. 计算机保护重要文件的方法,重要文件应该如何保护?