旗下导航:搜·么
当前位置:网站首页 > HTML > 正文

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

作者:搜搜PHP网发布时间:2019-11-26分类:HTML浏览:98


导读:鼠标款式罕见的如箭头或小手外形,除此之外,我们能够依据我们本身的请求,运用css中cursor属性来变动鼠标光标的表面。引荐进修:《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网别的相干文章!

标签:css鼠标样式