css---光标样式

前端入门笔记之css（12）

光标样式属性：cursor 更改鼠标图标

{cursor: crosshair;}光标呈现为十字线

 1.url：需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。2.default：默认光标（通常是一个箭头）3.auto：默认。浏览器设置的光标。4.crosshair：光标呈现为十字线。5.pointer：光标呈现为指示链接的指针（一只手）6.move：此光标指示某对象可被移动。7.e-resize：  此光标指示矩形框的边缘可被向右（东）移动。8.ne-resize：  此光标指示矩形框的边缘可被向上及向右移动（北/东）。9.nw-resize： 此光标指示矩形框的边缘可被向上及向左移动（北/西）。10.n-resize： 此光标指示矩形框的边缘可被向上（北）移动。11.se-resize： 此光标指示矩形框的边缘可被向下及向右移动（南/东）。12sw-resize：此光标指示矩形框的边缘可被向下及向左移动（南/西）。13.s-resize：  此光标指示矩形框的边缘可被向下移动（北/西）。14.w-resize：    此光标指示矩形框的边缘可被向左移动（西）。15.text：此光标指示文本。16.wait：此光标指示程序正忙（通常是一只表或沙漏）。17.help：此光标指示可用的帮助（通常是一个问号或一个气球）。


<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title></title><style type="text/css">span{width:200px;height: 40px;}.span_1{cursor: crosshair;}.span_2{cursor:pointer;}.span_3{cursor:ne-resize;}.span_4{cursor:help;}</style>
</head>
<body><div><span class="span_1">更改鼠标图标 光标呈现为十字线</span><br><br><br><span class="span_2">更改鼠标图标 光标呈现为指示链接的指针</span><br><br><br><span class="span_3">更改鼠标图标 光标指示矩形框的边缘可被向上及向右移动</span><br><br><br><span class="span_4">更改鼠标图标 光标指示可用的帮助</span></div>
</body>
</html>

css---光标样式相关推荐

css指针光标样式小手图标
css指针光标样式小手图标: 适用于各浏览器使用的标准大小:32px*32px,右键保存图片可用 PS:找了好一会儿,才找到这样的指针光标小手图片,分享下
前端笔记（9）元素的隐藏与显示，css用户界面样式，vertical-align垂直对齐，溢出文字省略号显示，css精灵技术，过渡，焦点，滑动门，margin负值
css样式表/层叠样式表(7) 元素的隐藏与显示 (1)dispaly显示 (2)visibility可见性 (3)overflow溢出 css用户界面样式鼠标样式cursor 轮廓线outline ...
25.CSS其他样式
第十九章 CSS其他样式一.黑色和透明度属性值说明 CSS版本 color 颜色值设置文本前景色 ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
网页css样式中英对照,css中文样式(含中英文对照表).doc
css中文样式(含中英文对照表) CSS学习网站: /css/css_reference.asp / /thread-265-1-1.html 1.[类型]主要针对网页中的文本 [背景]是在网页的元素 ...
CSS基础(part16)--CSS用户界面样式
学习笔记,仅供参考,有错必纠参考自:pink老师课堂笔记文章目录 CSS用户界面样式鼠标样式cursor 轮廓线outline 防止拖拽文本域resize CSS用户界面样式鼠标样式curso ...
八、pink老师的学习笔记—— CSS用户界面样式（鼠标样式、轮廓线、防止拖拽文本域）
2. CSS用户界面样式所谓的界面样式, 就是更改一些用户操作样式,以便提高更好的用户体验. 更改用户的鼠标样式 (滚动条因为兼容性非常差,我们不研究) 表单轮廓等. 防止表单域拖拽 2.1 鼠标样 ...
纯CSS菜单样式，及其Shadow DOM，Json接口实现
先声明,要看懂这篇博客要求你具备少量基础CSS知识, 当然如果你只是要用的话就随便了,不用了解任何知识先放一张效果图 Part 1:纯CSS菜单样式先放样式代码 1 <sty ...
html设置自定义光标,pixi.js 自定义光标样式
pixi 介绍 Pixi是一个超快的2D渲染引擎,通过Javascript和Html技术创建动画或管理交互式图像,从而制作游戏或应用. 游戏中都会做一些跟整个游戏画面风格相符的定制光标,比如英雄联盟中 ...
CSS第六天-高级技巧（元素隐藏、精灵图、CSS用户界面样式、margi负值作用、CSS三角形）
ps 今天这是html和css初级部分的最后一份文章了,下次发的就是HTML5和CSS3的一些基础知识.越学到后面,感觉越有意思.到后面可以自己去尝试做一些比较炫酷的动画了,还是蛮期待的. CSS高级 ...

css---光标样式

前端入门笔记之css（12）

css---光标样式相关推荐

最新文章

热门文章