用户管理  |   用户注册                                                                                    首 页软件下载教程中心办公指南flash动画文档下载办公公文

www.4oa.com - 中科软件园

投递文章 用户管理 投稿指南 资讯通告 :
站内搜索: 您的位置中科软件园 > 教程中心 > 网站开发 > DreamWeaver > 2004专题 > 教程内容

DW MX 2004 CSS属性详解之FLIPH属性

2005-5-16 8:04:52  来源:本站整理  作者:不详 【 投递文章
内容提要:【FlipH属性】FlipH是一个水平翻转对象的滤镜,当把FlipH加载到一个对象上,该对象将产生一个水平镜象,以此来创造水平翻转的效果;它是无参数滤镜之一。功能单一,使用方便,效果显著。FlipH:...


【FlipH 属 性】FlipH是一个水平翻转对象的滤镜,当把FlipH加载到一个对象上,该对象将产生一个水

平镜象,以此来创造水平翻转的效果;它是无参数滤镜之一。功能单一,使用方便,效果显著。

FlipH:水平翻转对象的滤镜

FlipH:水平翻转对象的滤镜

注:上图为原文字,下图是加载FlipH后的效果。

制作方法如下:
  创建新的CSS样式:(要回顾创建新的 CSS 样式操作方法,请点页顶导航条“简要说明”按钮)

提示:新创建的CSS样式名称,输入“FlipH”。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。
    选择“FlipH”按“确定”结束。 若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:

<style type="text/css">
<!--
.FlipH {
filter: FlipH;
}
-->
</style>

    应用方法:

在页面适当位置插入1行1列表格,在表格里输入文字(或图片),调整文字大小和颜色,选择表格的单元格<td>,然后,在属性面板“样式”菜单中选“FlipH”。保存页面,完成。点F12预览效果。

  下边是图片加载 FlipH滤镜的效果:

加载FlipH前:左右并排两幅图

左图为原图,右图加载FlipH后的效果

右图为原图,左图加载FlipH后的效果

(评论内容只代表网友观点,与本站立场无关!)[ 全部评论 ]

网友评论:

    用户名:

    评   分:100分 85分 70分 55分 40分 25分 10分 0分

    内 容:

                 (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 -有事点这里