求css制作中的光标样式~~要可爱的才行……

html-css017

求css制作中的光标样式~~要可爱的才行……,第1张

自己制作个性鼠标

鼠标光标通常有两类:一是动画光标(*.ani),二是静态光标(*.cur).

制作软件很多.给你介绍两款:

一是ArtCursors, 一套极佳的鼠标光标编辑工具,支持标准的16x16、32x32及自订尺寸图示,除可观看、绘制、抓取、收集、和管理等功能外,亦有渐层着色功能及齐全的编辑工具。支持格式包括:ico、ani、cur、wmf、emf、bmp、jpg、jpeg、gif、png,它并从图像ICO、JPG等文件中导入。

你可以在以下网址下载到

http://download.pchome.net/design/icon/5898.html

只是该软件是英文界面.

二是值得推荐的: MicroAngelo 5.59C 汉化版.

这是一款功能强大的图标/光标制作和替换套装工具, 可以制作 .ico/.ani/.cur 光标, 还支持替换 Windows系统中的默认图标, 是您的系统更加个性化。还提供 .icl 图标库支持,可以自己建立/编辑/成立图标库文件。还有图标资源浏览器, 可以检测出包括图标资源的文件(比如 .exe/.dll/.cox/.cls/等等), 5.0 最大的优点是, 支持直接修改 .exe文件中的图标资源, 可以改您的应用程序换个图标。

下载地址:

http://soft.2118.com.cn/soft/5221.htm

1)、div{ cursor:default }默认正常鼠标指针

2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果

3)、div{ cursor:move } 移动选择效果

4)、div{ cursor:pointer } 手指形状 链接选择效果

5)、div{ cursor:url(url图片地址) }设置对象为图片

2、cursor样式效果图css cursor鼠标光标指针样式图鼠标指针说明

cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

4、布局结构

p { cursor: text} /* css注释: 设置鼠标移动到html p对象时鼠标变为文本选择样式 */

a { cursor: pointer} /* css注释: 设置鼠标移动到a超链接对象时鼠标变为手指形状(链接选择) */

body { cursor: url("小图片地址")} /* 设置鼠标指针默认为一个小图片 */

扩展阅读:css a、css a link、a hover、css超链接样式鼠标指针样式控制设置是比较常用的,

如日常我们在DIV+CSS布局时候,我们希望鼠标指向某个局部span标签对象时候,鼠标指针光标就变为手指状态,这个时候我们就对对象span设置cursor: pointer即可。以上我们图例展示常用的鼠标光标形状与css单词,希望布局时候更加自身需要选择设置鼠标指针样式。需要注意是,光标切记勿滥用,也不要轻易设置自定义图片为鼠标样式这样会将网页造成复杂与不符合用户体验感觉,切记光标慎用。