H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



CSS层叠样式表指针类型


主题

如何使用层叠样式表来创建手型或者十字型指针?
我想有不同的指针,我该如何实现这一功能?



主题

属性: 光标

通过使用CSS层叠样式表"cursor"属性可设置任何类型的指针。

 

示例标记:
<div style="cursor: crosshair;"> 这是一个指针类型的游标 </div>

结果

这是一个指针类型的游标


CSS层叠样式表"cursor"属性可设置成如下表中的值
结果
pointer 手形指针
crosshair + 字指针
move 移动指针
wait 等待指针
help 求助指针
text 文字指针
e-resize 向东指针
ne-resize 向东北指针
nw-resize 向西北指针
n-resize 向北指针
se-resize 向东南指针
sw-resize 向西南指针
s-resize 向南指针
w-resize 向西指针
default 默认鼠标
url 鼠标指针

使用CSS层叠样式表用户可以把图片定义为指针。
代码是"cursor: url('./images/cursor.gif');".
但是这种由定制的指针在一些版本的浏览器中不能使用。




一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com