文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Css > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
推荐文章让网页超链接拥有多姿多彩的下
推荐文章CSS 速成
普通文章实例教程CSS实现圆角的三种方法
普通文章css技巧之PDF、ZIP、DOC链接的
推荐文章控制网页文件大小通过精简CSS实
普通文章网站字体大小 CSS该重新改写?
普通文章斜角滑动门导航条(DIV+CSS)
普通文章在DW中使用CSS样式表来设置网页
普通文章CSS样式表层叠(cascade)处理
普通文章“画中画”效果---谈Iframe标记
 
频 道 推 荐
推荐文章CSS应用基础教程(3) 应用补充
推荐文章CSS应用基础教程(5) 文字性质
普通文章内嵌滚动条(windows UpDate风格
普通文章CSS应用基础教程(4) 颜色背景
普通文章CSS应用基础教程(2) 应用方式
推荐文章为打印输出创建一个CSS样式
普通文章CSS应用基础教程(6) 区块性质
普通文章在DW中使用CSS样式表来设置网页
普通文章巧用CSS制作可控闪烁效果
普通文章用CSS控制图片自适应大小的方法
推荐文章标准建站过程中注意CSS的兼容性
普通文章无延迟翻滚的图形与CSS混合风格
普通文章CSS hack浏览器兼容一览表
普通文章CSS初级教程-CSS结合JS的运用
普通文章根据时段自动切换网站的CSS风格
普通文章CSS对表格单元格强制换行和不换
普通文章css教程:CSS文件应该保持整洁和
普通文章css教程:选择合适的、有意义的
普通文章CSS盒模型制定网页的宽度和高度
普通文章关于CSS控制DIV水平居中问题
 
频 道 推 广
 
[组图]Invert属性、Glow属性和FlipH、FlipV属性       ★★★
Invert属性、Glow属性和FlipH、FlipV属性
作者:佚名 文章来源:本站整理 更新时间:2008-10-12 21:39:26
font-family:bailey; font-size:48pt;
         font-weight:bold;color:#99CC66;”>
    file://设置字体名称、大小、粗细、颜色*//
    Weny Good!</p>
    </div>
    </body>
  </html>


  您还可以随意修改颜色值,看看其他的发光效果是怎样的。

   FlipH、FlipV属性
  Flip是CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转。它们的表达式很简单,分别是:
  Filter:FlipH
  Filter:FlipV
  我们先来看一幅图:



  下面我们分别对它实现水平翻转和垂直翻转,并且在图片上方的一段文字,也发生翻转。代码如下:
  <html>
   <head>
   <title>flip css</title>
   <style>//*设置CSS样式开始*//
   <!--
   div{position:absolute;top:20;width:300;
     filter:fliph(flipv);}
   file://*定义DIV范围内的样式,绝对定位,翻转为水平翻转或垂直翻转。
    注意:在这里fliph和flipv只取其中的一个*//
   img{position:absolute;top:70;left:40;
     filter:fliph(flipv);}
   file://*定义图片的样式,绝对定位,翻转属性和DIV一样。*//
    -->
   </style>
   </head>
   <body>
   <div>
   <p style=“font-family:bailey;font-size:36pt;
         font-weight:bold; color:rgb(10,128,156);”>
    Leaf Village </p>
   file://*定义字体名称、大小、粗细、颜色*//
   </div>
   <p><img src=http://www.webjx.com/htmldata/2005-02-23/“ss05058.jpg”></p>
   file://*导入一张图片*//
   </body>
  </html>
  代码产生的两个效果分别如下图:             


水平翻转      垂直翻转


  翻转的属性应用是不是很简单。



上一页  [1] [2] [3] 下一页

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之超级连接
    Dreamweaver MX 2004 行为概述
    Dreamweaver MX 2004 行为的使用
    Dreamweaver MX 2004 行为之调用JS
    Dreamweaver MX 2004 行为之交换图象
    Dreamweaver MX 2004 行为之改变对象属性
    Dreamweaver MX 2004 行为之播放声音
    Dreamweaver MX 2004 行为之设置文本
    Dreamweaver MX 2004 表格设计
    Dreamweaver MX 2004 浏览器检测
    Dreamweaver MX 2004 图片处理
    Dreamweaver MX 2004 表格的使用
    Dreamweaver MX 2004 CSS概述
    Dreamweaver MX 2004 类型属性
    Dreamweaver MX 2004 CSS背景属性
    Dreamweaver MX 2004 CSS区块属性
    Dreamweaver MX 2004 CSS方框属性
    Dreamweaver MX 2004 CSS边框属性
    Dreamweaver MX 2004 CSS列表属性
    Dreamweaver MX 2004 CSS定位属性
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    点击这里给我发消息

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号