引导者本文目录一览：
css滤镜属性有哪些?实现什么效果?请介绍举例
制作模糊文字效果 新建0htmlcss边缘虚化的文件插入一个1行1列的表格，边框和边距全部设置为0。然后在表格中输入要修饰的文字。打开CSS样式面板，创建一个CSS样式，在弹出的“新建样式对话框”做如下设置。
Gray滤镜是把一张图片变成灰度图css边缘虚化；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值css边缘虚化；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。
滤镜效果filter的css样式属性是微软Internet Explorer特有的，未被W3C收入，故而在火狐浏览器下尚未提供支持。但是通过js编码可以部分实现一些滤镜效果，如透明等。
Filter是微软对CSS的扩展，与PhotoShop中的滤镜概念相似，它可以用很简单的方法对页面中的文字特效作出特效处理，静态如阴影、模糊的效果，动态如各种淡入淡出效果。
CSS样式文本的虚化效果怎么做?
首先新建一个简单的html文件，如图所示。然后根据自己的需要，简单的设置一下层宽高和图片样式。新建一个用于局部模糊的层，利用绝对定位和z-index使它浮动在图片上面，效果如果所示。
当您在文本中应用轮廓样式时，您可以使用CSS中的text-stroke属性来设置文字效果的轮廓样式。
在幻灯片中插入文本框，并输入需要虚化的文字。 选中该文本框，然后在“格式”选项卡中找到“艺术字样式”选项。 点击“艺术字样式”选项，在弹出的菜单中选择“文本效果”-“模糊”。
虚化效果：选中图片，点击“效果”——“模糊”按钮，可以看到模糊命令按钮又包括三个选项：径向模糊、特殊模糊、高斯模糊。比如我们选择了“径向模糊”，接着画布上就会出现一个“径向模糊”的设置面板。
在HTML中插入CSS的方法主要有三种，它们分别是内联样式、内部样式、链接式和外部样式。 内联样式内联样式是在标记的style属性中设定CSS样式。如下面的例子将h1的内容标记为黑底白字。
css中outline和border的区别
border-top-color、border-right- color、border-bottom-color、border-left- color 设置元素上/右/下/左边框css边缘虚化的颜色，取值与border-color相同。只有当border-***-style不为none和hidden时才有效。默认为transparent。
outline是border外面的一层，和border原理一样。通过设定outline的样式可以为border外面再设定一层边框。但是需要注意的是，outline属性设定的边框不会随着内部元素边界样式的变化而变化。
border-top-width 设置上边框的宽度。 1 border-width 设置四条边框的宽度。 1 outline 在一个声明中设置所有的轮廓属性。 2 outline-color 设置轮廓的颜色。 2 outline-style 设置轮廓的样式。
css outlinecss边缘虚化：定义和用法。outline-style 属性用于设置元素的整个轮廓的样式.样式不能是 none，否则轮廓不会出现。
outline-widthcss边缘虚化：设置元素轮廓的宽度，其取值与border-width类似。只有当outline-style不为none时才有效。
