提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: HTML教程 > css怎样换鼠标款式【html5教程】,css鼠标样式

鼠标款式罕见的如箭头或小手外形,除此之外,我们能够依据我们本身的请求,运用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网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css怎样换鼠标款式【html5教程】,css鼠标样式"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线