189 8069 5689

CSS中如何使用cursor属性

这篇文章给大家分享的是有关CSS中如何使用cursor属性的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联公司2013年成立,先为丹寨等服务建站,丹寨等地企业,进行企业商务咨询服务。为丹寨企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在页面布局时,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属性就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享标题:CSS中如何使用cursor属性
网页网址:http://cdxtjz.cn/article/gggdos.html

其他资讯