当前位置: 网站建设 > 网页设计 > 建站经验 >

如何用CSS自定义鼠标显示的形状

时间:2013-03-02 04:00来源:未知 作者:admin 点击:

标签:如何用CSS自定义鼠标显示的形状 鼠标(10)自定义(3)显示(29)形状(4)Tag(145)CSS(655)何用(7)
Tag: 形状 鼠标 自定义 CSS 形状 鼠标 自定义 CSS style type=text/css !-- span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;} -- /style span style=cursor:pointer;pointer 手型/span span style=cursor:crosshair;crosshair 十字/span span style=
如何用CSS自定义鼠标显示的形状》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340E2013.htm
Tag:   形状   鼠标   自定义   CSS     形状   鼠标   自定义   CSS  

<style type="text/css"> <!-- span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;} --> </style> <span style="cursor:pointer;">pointer 手型<,如何用CSS显示进度条;/span> <span style="cursor:crosshair;">crosshair 十字</span> <span style="cursor:text;">text 文本</span> <span style="cursor:wait;">wait 等候</span> <span style="cursor:help;">help 问号</span> <span style="cursor:e-resize;">e-resize 右的箭头<,如何用css改变鼠标显示形状;/span> <span style=",如何用css控制input中的text和radio;cursor:ne-resize;">ne-resize 右上的箭头</span> <span style="cursor:n-resize;">n-resize 上的箭头</span> <span style="cursor:nw-resize;">nw-resize 左上的箭头</span> <span style="cursor:w-resize;">w-resize 左的箭头</span> <span style="cursor:sw-resize;">sw-resize 左下的箭头</span> <span style="cursor:s-resize;">s-resize 下的箭头</span> <span style="cursor:se-resize;">se-resize 右下的箭头</span> <span style="cursor:move;">move 挪动</span>

--> [网站建设之]如何用CSS自定义鼠标显示的外形

我们在网页设计的时候,为了到达个性后果,须要将系统默认的鼠标形状转变掉,自宝义鼠标显示的形状,我们以前可以用javascript来实现。当初咱们完整可以用css来实现这一个性效果了。

CSS有一个属性:cursor,其作用是设置或检索在对象上移动的鼠标指针采取何种体系预约义的光标形状。

提示:第一个手形并不用head,而用了pointer,如何用CSS实现在新窗口打开链接,假如你用dreamweaver设计css款式时也会发明没有hand这个选项了,原由于hand不是尺度的。在IE里能够辨认出来,而firefox里是识别不出来的,如何用CSS实现双语导航菜单

    [ 提醒:你可先修正局部代码,再按Ctrl+A 全体抉择 ]


(责任编辑:网站建设)
如何用CSS自定义鼠标显示的形状相关文章
上一篇:如何用CSS显示进度条 下一篇:如何确定网站栏目
回到顶部