我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。 用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。 在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:
我们来看一个例子吧,请看下面这段代码:
鼠标效果//*设置字体*// 请把鼠标移到相应的位置观看效果。//*设置字体的名称、大小、颜色*// //*设置该区域内的字体名称、大小、绿色*// 手的形状 //*设置鼠标属性为手的形状*// 移动//*设置鼠标属性为移动*// 反方向 //*设置鼠标属性为反方向*// 等待//*设置鼠标属性为等待*// 求助//*设置鼠标属性为求助*//
请把鼠标移到相应的位置观看效果。
手的形状 //*设置鼠标属性为手的形状*// 移动//*设置鼠标属性为移动*// 反方向 //*设置鼠标属性为反方向*// 等待//*设置鼠标属性为等待*// 求助//*设置鼠标属性为求助*//
CSS的属性就讲到这里,我们看到它的属性还是比较多的,但是您只要搞清楚它们都是什么意思,应用起来就会很方便。在您应用的时候,还可以参照我为您提供的属性详细列表 。 下一章将向您介绍CSS定位。
5、分级属性 如果您使用过Word,那您一定知道Word中有一个“项目符号和编号”的功能。 在html中,您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中,已经提供了进行分级的专用分级属性。 分级属性包括了“list-style”(列表..
属性名称字体属性(Font)font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文本属性Word-spacingLetter-spacingText-decorationVertical-alignText-tr..
CSS属性-鼠标属性
我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。
在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:
我们来看一个例子吧,请看下面这段代码:
鼠标效果
//*设置字体*//
//*设置字体的名称、大小、颜色*//请把鼠标移到相应的位置观看效果。
//*设置该区域内的字体名称、大小、绿色*//
手的形状
//*设置鼠标属性为手的形状*//
移动
//*设置鼠标属性为移动*//
反方向
//*设置鼠标属性为反方向*//
等待
//*设置鼠标属性为等待*//
求助//*设置鼠标属性为求助*//
CSS的属性就讲到这里,我们看到它的属性还是比较多的,但是您只要搞清楚它们都是什么意思,应用起来就会很方便。在您应用的时候,还可以参照我为您提供的属性详细列表 。
下一章将向您介绍CSS定位。
5、分级属性 如果您使用过Word,那您一定知道Word中有一个“项目符号和编号”的功能。 在html中,您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中,已经提供了进行分级的专用分级属性。 分级属性包括了“list-style”(列表..
属性名称字体属性(Font)font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文本属性Word-spacingLetter-spacingText-decorationVertical-alignText-tr..