当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS滤镜之Xray属性

HTML/XHTML教程
HTML的dl、dt、dd标记制作表格对决Table制作表
HTML网页中的URL表示方式
Web页面 自定义选择框Select
HTML网页制作教程 谨慎使用iframe标记
HTML 网页头部代码全清楚
HTML link标记的rel属性
HTML 代码编写的30条技巧
HTML5 canvas 基本语法
最容易犯的HTML标签错误写法
网页设计参考 firefox 默认样式
将XHTML+CSS页面转换为打印机页面
HTML优化加快网页速度
超链接图标规范:提升文章的可阅读性
标记语言:网页应用CSS样式
标记语言:打印样式
标记语言:CSS布局
标记语言:学完HTML后该学什么?
IE的有条件注释优点和缺点
PSD网页模版转化XHTML的一些理论知识
让XHTML与HTML兼容

HTML/XHTML教程 中的 CSS滤镜之Xray属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 88 ::
收藏到网摘: n/a

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

  Filter:Xray

  我们还是先来看一个页面(如下图):

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

  Filter:Xray

  您再看这个页面就会是另一种效果了:(如下图)

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