易截截图软件、单文件、免安装、纯绿色、仅160KB

用CSS定义个性化鼠标指针

在许多网站上我们可以看到很个性的鼠标指针(cursor),在网页设计中用CSS可以方便的实现这样个性鼠标指针的效果,该CSS属性就是"cursor"属性。
首先我们介绍一下系统自带的15个鼠标效果:
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 
用css控制的语法如下:
<span style="cursor:*" mce_style="cursor:*">文本或其它页面元素</span>
 
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧! 
hand是手型 
crosshair是十字型 
text是移动到文本上的那种效果 
wait是等待的那种效果 
default是默认效果 
help是问号 
e-resize是向右的箭头 
ne-resize是向右上的箭头 
n-resize是向上的箭头 
nw-resize是向左上的箭头 
w-resize是向左的箭头 
sw-resize是左下的箭头 
s-resize是向下的箭头 
se-resize是向右下的箭头 
auto是由系统自动给出效果


相关文档:

15个CSS常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
   2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资 ......

CSS样式表基础

<!--样式表是对标签样式的修改-->
<!--当对标签的样式重复定义时,使用距离最近的样式定义-->
<!--在html中导入css样式表-->
<link REL=stylesheet href="Untitled-1.css" type="text/css">  <!--在head标签中添加这行-->
<!--标签的选择-->
h1{font-size:20pt;color:r ......

Mozilla建议的CSS书写顺序

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* ba ......

CSS的主要属性


CSS 背景属性(Background)
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开 ......

CSS浏览器兼容性

 /*不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在后面。*/
.JS_CenterAD_marquee_Right
 {
    
      margin-left:17px !important;  /firefox*/
      *margin-left:17px !important;  / ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号