教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索

   6、FlipH、FlipV属性

　　Flip是

　　下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下：

　　＜html＞

　　　＜head＞

　　　＜title＞flip css＜/title＞

　　　＜style＞//*设置CSS样式开始*//

　　　＜!--

　　　div{position：absolute；top：20；width：300；filter：fliph（flipv）；}

　　　//*定义DIV范围内的样式，绝对定位，翻转为水平翻转或垂直翻转。

　　　 注意：在这里fliph和flipv只取其中的一个*//

　　 img{position：absolute；top：70；left：40；filter：fliph（flipv）；}

　　　//*定义图片的样式，绝对定位，翻转属性和DIV一样。*//

　　　 --＞

　　　＜/style＞

　　 ＜/head＞

　　　＜body＞

　　　＜div＞

　　　＜p style=“font-family：bailey；font-size：36pt；font-weight：bold； color：rgb(10,128,156)；”＞

　　　　Leaf Village ＜/p＞

　　 //*定义字体名称、大小、粗细、颜色*//

　　 ＜/div＞

　　 ＜p＞＜img src=“ss05058.jpg”＞＜/p＞

　　 //*导入一张图片*//

　　 ＜/body＞

　　＜/html＞

　　代码产生的两个效果分别如下图：

　　水平翻转　

　　

　 垂直翻转

　　

　　翻转的属性应用是不是很简单。下一节我将向您介绍Glay属性。