样 式 表 全 接 触(8)


9、Shadow 滤镜

  语法:{filter:shadow(color=属性值1,direction=属性值2);}

  作用:该滤镜能够使对象产生一种阴影效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的。

  参数:color属性是用来设置阴影的颜色。

  direction属性是用来设置投影的方向,取值范围为0度到360度,其中0度代表垂直向上,然后每45度为一个单位,该属性的默认值是向左的270度。

  实例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>样式表滤镜实例</title>

<style>

<!--

p { color: #FF0000; font-size: 36pt; text-decoration: blink; font-weight: bold }

p {filter:shadow(color=#00ff00,direction=2);}

-->

</style>

</head>

<body>

<p>样式表滤镜实例</p>

</body>

</html>

10、Mask 滤镜

  语法:{filter:mask(color=属性值);}

  作用:该滤镜能够利用一个HTML对象在另一个对象上产生图像的遮罩 ,可以为对象建立一个覆盖于表面的膜,其效果就象戴者有色眼镜看物体一样,一般适用于图象对象。

  参数:color属性就是用来指定要被遮罩的颜色。

11、 Light 滤镜

  语法:{Filter:light}

  作用:该滤镜能够使HTML对象产生一种模拟光源的投射效果。一旦为对象定义了light滤镜属性,那么就可以调用它的方法来设置或者改变属性。light可用的方法有:

MoveLight 移动光源

Changcolor 改变光的颜色

AddAmbient 加入包围的光源

AddPoint 加入点光源

Clear 清除所有的光源

AddCone 加入锥形光源

Changstrength 改变光源的强度

可以定义光源的虚拟位置,以及通过调整X轴和Y轴的数值来控制光源焦点的位置,还可以调整光源的形式(点光源或者锥形光源)指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源,可能回产生一些意想不到的效果。

  参数:该滤镜没有参数。

12、Gray 滤镜

  语法:{filter:gray}

  作用:该滤镜能够使一张彩色的图片转变为灰色调图象,一般适用于图象对象。

  参数:该滤镜没有附带参数。

13、Invert 滤镜 

  语法:{filter:invert}

  作用:该滤镜能够使图象产生照片底片的效果,一般适用于图象对象。

  参数:该滤镜没有参数。

14、Xray 滤镜 

  语法:{filter:xray} 

  作用:该滤镜能够让对象反映出它的轮廓并把这些轮廓加亮显示,一般适用于图象对象。

  参数:该滤镜没有参数。

时间: 2024-09-11 13:50:02

样 式 表 全 接 触(8)的相关文章

样 式 表 全 接 触(6)

六.样式表滤镜的构成 滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间.样式表滤镜的基本语法为: 标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值2,....):} 它所表达的意思是:在该标记范围内的内容,样式表滤镜将按照小括号内的属性名所限定的对象,按属性值所设定的数值进行特效处理.其中标记为HTML语法中的任意标记,如SPAN,P,BR等等:滤镜名就是我们下面所涉及到的14

样 式 表 全 接 触(5)

五.样式表的引入 了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法. 1.使用<LINK> 链接外部样式表单:例如: <HEAD> <TITLE>My Stylesheet</TITLE> <LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"> </HEAD> 应用CSS文件的一个最大好处就是,你可以在每个HT

样 式 表 全 接 触(4)

四.样式表的定位 CSS定位的"positon"属性能够使用两种方法定位HTML元素:相对定位和绝对定位.所谓相对定位是指允许元素在相对于文档布局的原始位置上进行偏移:而绝对定位允许元素与原始的文档布局分离且任意定位.CSS的定位属性共有9个,分别是: position.left.top.width.height.overflow.z-index和visibility position positon的属性值有absolute.relative和static三个.当使用绝对定位元素ab

样 式 表 全 接 触(1)

现在,用FRONTPAGE制作网页简单得就象是用画笔在白纸上画图一样.但随着网站内容的不断丰富,网页上的图象.动画.字幕以及其他控件也不断增加,要实现这些元素在网页中的准确定位,就必须对这若干个元素分别调整,这一点恐怕只有那些对网页制作痴迷而执着的人才可能做到,这并不是正确的工具和灵活性就可以实现的.设想一下,打开一个文本文件,编辑几行字,就可以使整个Web站点得到改变.再设想一下,以在线的方式创建带有复杂图形.丰富字体字号等特殊效果的页面,大小只有10k.那么这样的效果如何实现呢? 1996年

样 式 表 全 接 触(7)

八.滤镜的参数及其作用 1.Alpha 滤镜 语法:{FILTER:ALPHA(opacity=属性值1,finishopacity=属性值2,style=属性值3,startx=属性值4,starty=属性值5,finishx=属性值6,finishy=属性值7)} 作用:该滤镜能够使对象呈现渐变半透明效果,其效果是由小括号中的各属性名及其对应的属性值决定. 参数:Opacity 属性是设置不透明的程度,用百分比表示其属性值,大小是从0到100,0表是完全透明,100表示完全不透明. Fini

样 式 表 全 接 触(3)

 三.样式表的属性 1.背景属性 对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较有趣的背景图案属性background-attachment此属性有两个值:scroll 和 fixed;scroll是初始值,产生的效果是常见的背景图案随页面上的文字一起流动.fixed属性是指背景静止不动,文字在背景上流动的特殊效果,例如:body{background-attachment:fixed} .background-position 此属性是设置背景图案的起始位置,可分别用百分比和长度值来设

样 式 表 全 接 触(2)

2.类选择符 单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式.例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 : code.html { color: #191970 } code.css { color: #4b0082 } 以上的例子建立了两个类,css和html,供网页的CODE元素使用.CLASS属性是用来在网页中以指明元素的类,例如,<P CLASS=css>,每个选择符只允许有一个类.一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的

java-数据结构的问题,反转链式表

问题描述 数据结构的问题,反转链式表 如下 class Node{ int value; Node next; } Node change(Node head){ } 需要让change()函数实现链式表的反转,head为第一个Node,后面可能有多个Node, 比如A->B->C变成C->B->A,结果返回C,要求使用java代码写出来,能够正常运行 解决方案 //翻转链表的测试类,功能我就不说了,很明显的... public class myTest { public stat

关于javascript正则式表单验证,求大神

问题描述 关于javascript正则式表单验证,求大神 下面的函数组完全不起任何作用啊,随意输入都能跳转2.html,求大神们帮看看问题出在哪里. 解决方案 问题出在: <input type="submit" value="注册">,这种写法不管onsubmit函数返true/false,都会提交表单. 推荐解决方案: <input type="button" value="注册" onclick=&qu