html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析

在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，今天就着重讲一个属性，即CSS cursor属性，以及它的很多可选值，比如：cursor 手型就是用的 cursor:pointer 这个属性。

cursor怎么用？

一、CSS cursor 基本语法

cursor属性是什么：指鼠标指针放在一个元素边界范围内时所呈现的光标形状，它包括问号，小手等形状。

使用时可以在任何你想要添加的标签里，插入style="cursor : 某属性值" ，也可以在CSS样式中添加。

比如：

pointer，小手形状

， help，帮助形状。

cursor的属性值有十几种可选值，在工作中根据需要选择合适的值即可。

二、CSS cursor 属性值

1、最常用的cursor：pointer，光标呈现小手形状。

pointer

2、cursor:help，问号光标

pointer

3、cursor:crosshair，十字架光标

pointer

就详细介绍常用的这几个，其他的属性值都是一样的写法，只要改一改属性值就行，具体有哪些值，他们都代表什么意思，请看下面。

default ：默认光标，通常是一个箭头

auto ：默认，浏览器设置的光标

crosshair ：光标表示十字线

pointer ：光标表示指示链接的指针(一只手)

move：光标表示对象可被移动

e-resize：光标表示矩形框的边缘可被向右移动

ne-resize：光标表示矩形框的边缘可被向上及向右移动

nw-resize：光标表示矩形框的边缘可被向上及向左移动

n-resize：光标表示矩形框的边缘可被向上移动

se-resize：光标表示矩形框的边缘可被向下及向右移动

sw-resize：光标表示矩形框的边缘可被向下及向左移动

s-resize：光标表示矩形框的边缘可被向下移动

w-resize：光标表示矩形框的边缘可被向左移动

text ：光标表示文本

wait ：光标表示程序正忙(通常是一只表或沙漏)

help：光标表示帮助(通常是一个问号)

以上主要介绍了CSS中cursor属性的用法，以及不同属性值代表的意思，初学者可以在编辑器中试试不同的值，看看有什么样的效果，希望可以帮助到你。

html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析相关推荐

min-width、max-width属性中min-content、max-content的含义，css中minmax()用法、1fr单位的含义----使页面具有相应性的属性以及属性值
min-width.max-width属性中min-content.max-content的含义,css中minmax()用法.1fr单位的含义 min-width 表示容器的最小宽度 max-wid ...
关于cellpadding cellspacing 属性，无法在css中设置问题
1. 什么是table 的cellpadding cellspacing 属性 cellpadding:代表单元格边框到内容之间的距离(留白) cellspacing:用来指定表格各单元格之间的空隙. ...
css4个伪元素,CSS_CSS3中的content属性使用示例，CSS中主要的伪元素有四个：befo - phpStudy...
CSS3中的content属性使用示例 CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个conte ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
overflow属性html5,什么是css中overflow属性
什么是css中overflow属性发布时间:2020-07-11 16:06:42 来源:亿速云阅读:192 作者:Leah 本篇文章给大家分享的是有关什么是css中overflow属性,小编觉得 ...
border属性 php,如何通过CSS的border属性为图片设置边框效果
如何为通过css为图片设置一个边框呢,HTML中是通过标记的border属性值,给图片添加边框的,css中是通过border属性,为图片设置各式各样的边框样式,border-style定义边框的样式, ...
CSS中定义多个链接样式,在CSS中定义【导航栏】超链接样式
1.案例css代码 .divcss5 a:link{ color:#F00}/* 链接默认为红色 */ .divcss5 a:hover{ color:#000}/* 鼠标悬停黑色 */ .divcs ...
html中如何修改表格标题栏,如何设置css中表格标题caption标签的位置
如何设置css中表格标题caption标签的位置发布时间:2020-07-13 10:26:45 来源:亿速云阅读:182 作者:Leah 这篇文章运用简单易懂的例子给大家介绍如何设置css中表格 ...
html5中背景图片的大小怎么调,css中怎么改变背景图片大小？
在CSS中,想要改变背景图片的大小,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性改变背景图片大小的方法,希望对大家有所帮助 ...
在html中写响应式布局的代码,CSS实现响应式布局的方法
用CSS实现响应式布局响应式布局感觉很高大上,很难,但实际上只用CSS也能实现响应式布局要用的就是CSS中的没接查询,下面就介绍一下怎么运用: 使用@media 的三种方法 1.直接在CSS文件中 ...

html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析

html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析相关推荐

最新文章

热门文章