hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

css怎样换鼠标款式【html5教程】

2019-11-26HTML搜搜PHP网42°c
A+ A-
鼠标款式罕见的如箭头或小手外形,除此之外,我们能够依据我们本身的请求,运用css中cursor属性来变动鼠标光标的表面。

引荐进修:《CSS教程》

下面我们就给人人引见鼠标光标的差别款式。

代码以下:

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
    <title></title>
</head>
<body>
<a href=# style=cursor:crosshair;>十字准线</a><hr>
<a href=# style=cursor:text;> text </a><hr>
<a href=# style=cursor:wait;>守候的外形</a><hr>
<a href=# style=cursor:move;>挪动的外形</a><hr>
<a href=# style=cursor:help;>协助的外形</a><hr>
<a href=# style=cursor:default;>默许的外形</a><hr>
<a href=# style=cursor:hand;>小手状</a>
</body>
</html>

上述代码,人人能够复制到当地举行测试,当鼠标悬停在每一个超链上,就会显现变动差别的光标款式。

十字线款式:


文本编辑时款式:

守候款式:

挪动款式:

协助款式:

默许箭头款式:

小手款式:

cursor 属性规定要显现的光标的范例(外形)。该属性定义了鼠标指针放在一个元素边境局限内时所用的光标外形(不过 CSS2.1 没有定义由哪一个边境肯定这个局限)。

本篇文章就是关于css鼠标光标款式的简朴引见,愿望对须要的朋侪有所协助!

以上就是css怎样换鼠标款式的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
css怎样换鼠标款式【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签: