CSS样式表CSS样式表的主要目的-Micrologies.PPT

在类型项选择创建自定义样式定义在选择仅对该文档点确定后弹出样式定义对话框如图在类型面板中我们可以定义字体字号颜色等内容本例中我们选择字体为隶书大小像素颜色为白色图定义样式要产生文字特效最重要的是在扩展面板如图中的设置在视觉效果下的过滤器中列出的就是所有的滤镜选择滤镜它可以使文字产生边缘发光的效果滤镜的语法格式为里面有两个参数决定光晕的颜色可以用如的十六进制代码或者用等单词表示表示发光强度范围从到本例中我们设置颜色为红色发光强度为然后确定图设置好滤镜下面我们将这个样式应用到表格中把光标移到单元格中

(3)在“类型”项选择“创建自定义样式”,“定义在”选择“仅对该文档”,点确定后弹出CSS样式定义对话框(如图2)。 (4)在类型面板中我们可以定义字体、字号、颜色等内容,本例中我们选择字体为隶书,大小50像素,颜色为白色。 图2 定义CSS样式 (4)要产生文字特效,最重要的是在扩展面板(如图3)中的设置。 (5)在“视觉效果下”的过滤器中列出的就是所有的CSS滤镜,选择Glow滤镜,它可以使文字产生边缘发光的效果。 (6)Glow滤镜的语法格式为:Glow(Color=?, Strength=?),里面有两个参数:Color决定光晕的颜色,可以用如ffffff的十六进制代码,或者用Red、Yellow等单词表示;Strength表示发光强度,范围从0到255。本例中我们设置颜色为红色(Red),发光强度为8,然后确定。 图3 设置好Glow滤镜 (7)下面我们将这个CSS样式应用到表格中。把光标移到单元格中,在文档窗口左下角点击标签选中单元格,然后单击刚才在CSS样式面板中新建的样式。按F12键在IE中预览,效果就出来了(如图4)。 图4 光晕字效果 Drowshadow滤镜的语法如下:DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 。 其中,Color表示投射阴影的颜色,用十六进制数来表示;OffX、OffY分别代表阴

文档评论(0)

1亿VIP精品文档

相关文档