亿度网络 - CSS教程

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> CSS教程

CSS教程

///pc/img/title_00.gif" width="13" height="20">

　→ CSS快速入门
　→ 怎样编写CSS
　→ CSS属性
　→ CSS定位
　→ CSS滤镜
　　 1.概述
　　 2.Alpha属性
　　 3.Blur属性
　　 4.Chroma属性
　　 5.Dropshadow属性
　　 6.Fliph、Fliv属性
　　 7.Gray属性
　　 8.Glow属性
　　 9.Invert属性
　　 10.Mask属性
　　 11.Shadow属性
　　 12.Wave属性
　　 13.Xray属性　　

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">

五、CSS滤镜

　　13、Xray属性

　　Xray就是X射线的意思。
　　Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单：

　　Filter：Xray

　　我们还是先来看一个页面（如下图）：

///pc/homepage/css/img/css053.jpg" target="_blank">///pc/homepage/css/img/css0531.gif" width="100" height="148" border="0" alt="原图">

点击可放大

　　如果在上面的页面中加入Xray属性，也就是在<head>的<Style>中，增添下面这一句代码：

　　Filter：Xray

　　您再看这个页面就会是另一种效果了：（如下图）

///pc/homepage/css/img/css054.jpg" target="_blank">///pc/homepage/css/img/css0541.gif" width="100" height="147" border="0" alt="xray效果图">

点击可放大

　　看，是不是就像给它拍了一张X光片一样。

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法