cursor属性(CSS设置)
cursor属性(CSS设置)
cursor属性设置光标样式,它可以有以下的值
url
需使用的自定义光标的URL。
注释:请在此列表的末端始终定义一种普通的光标,以防没有由URL定义的可用光标。
default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(南)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。
具体效果如下(因为需要显示鼠标样式,所以没有办法截图,可以将下面的代码导入到编辑器查看)
复制代码
<html>
<body>
<spanstyle="cursor:auto">
Auto</span><br/>
<spanstyle="cursor:crosshair">
Crosshair</span><br/>
<spanstyle="cursor:default">
Default</span><br/>
<spanstyle="cursor:pointer">
Pointer</span><br/>
<spanstyle="cursor:move">
Move</span><br/>
<spanstyle="cursor:e-resize">
e-resize</span><br/>
<spanstyle="cursor:ne-resize">
ne-resize</span><br/>
<spanstyle="cursor:nw-resize">
nw-resize</span><br/>
<spanstyle="cursor:n-resize">
n-resize</span><br/>
<spanstyle="cursor:se-resize">
se-resize</span><br/>
<spanstyle="cursor:sw-resize">
sw-resize</span><br/>
<spanstyle="cursor:s-resize">
s-resize</span><br/>
<spanstyle="cursor:w-resize">
w-resize</span><br/>
<spanstyle="cursor:text">
text</span><br/>
<spanstyle="cursor:wait">
wait</span><br/>
<spanstyle="cursor:help">
help</span>
</body>
</html>
复制代码
关于自定义光标,这里cursor的值设置为url,链接到图片
body{cursor:url('some-cursor.ico'),default;
}
这里可以设置default,也就是第一方案不起作用的时候,使用第二方案,光标大小过大或者过小可能不会显示
要注意的是,如果使用谷歌浏览器,光标图案的大小会跟图片原生大小一样,但在火狐浏览器里,自定义光标图案总是缩小到标准大小。
图标的格式根据不同的浏览器来分:IE支持cur,ani,ico这三种格式,火狐支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将图片存为cur或ico格式比较好,如果是ani格式的话,那么可以在火狐下面用jpg,gif,bmp来代替(cursor:url(.....ani),url(.....gif),auto)
?
优秀作品:
最新作品:
评论:cursor属性(CSS设置) [查看原文]
作品分类:热门主题
评论列表(共71人参与)参与讨论或分享设计作品获得视觉癖积分奖励
letRe注册会员
2021-08-05 17:17:47
市规划杂乱过程中在于以城市的实体组织与居民的社会心理健康的相互关系为要点。通过对物质空间及景观标志的处理,发明一种物质环境,既能使居民感到愉快,又能激励其社区(community)灯以及一些小球。 好了,接下来我来说说它的制作进程:
回复用图案体注册会员
2021-08-05 7:25:33
斯人若彩虹,游客
2021-08-05 12:51:15
游客46982:cursor属性(CS只要你有必定的技术,想办法去网上找,是可以找到活的。刚开端别嫌钱少,技术和人脉的堆集是最重要的。我最开端一张插图是30元,一天顶多画3张。不过这没什么不公平的,各行各业都是这样,酬劳是不与劳作时间挂钩jpg" /> 我国已经用复合资料隔热(一层籽饰粉,一层钛钨合金板限制成型材)。
回复其实想想注册会员
2021-08-05 8:33:11
光标。 crosshair光标呈现为十字线。 法却恰恰相反,即把图片涣散排在版面的四周,并且图片与图片之间不需求严厉对齐,也不需求统一巨细,有些图片甚至能够突破出血线,这种排版方法能够增强版面的张力、并且会
回复