拓文网络 → 文章系统 → 网页设计 → CSS

巧用CSS滤镜做图案文字

2007-01-08

2

· 请先看看以下演示中的图案文字。这可不是图片效果，而是用CSS滤镜中的Chroma() 语句做成的文本文字，其中文本的内容和图案都可以自由设定。　　先介绍一下这个神奇的滤镜：Chroma() 滤镜。　　语法： FILTER:Chroma( Color=#CCCCCC) ，其中“#CCCCCC”是颜色值。　　作用效果：如果滤镜中的像素...

CSS实例：横线样式的输入框

2007-01-08

2

·　在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要用一段简短的CSS代码控制好表单输入框的样式即可。　　示例如下：　　请输入您的用户名：　　下面我们就来看看这段实现效果的CSS代码。它主要...

巧用CSS控制鼠标样式变换

2007-01-08

0

·　主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子……那该多好啊！其实，借助我们的CSS，几句很简单的代码就可以实现这一切！　　不信？把鼠标移到下面的演示文字上看...

用css美化表格边框

2007-01-08

11

· 小结前面我们通过举例讲述了一些用CSS美化表格边框的方法，您可以尝试不同的组合，从而做出更漂亮的表格！为了方便你学习，这里为你提供了实例下载以及各种效果表格的全部代码，您可以将代码复制到写字板生成一个txt文件，然后将其扩展名改为htm，这样就可以用ie直接打开了。　　代码如下： <...

有关表格边框的css语法整理

2007-01-08

2

·　我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合CSS才能达到一些特定效果，下面我们先把有关表格边框的CSS语法整理出来，然后另外介绍怎样用CSS美化表格的边框。有关表格边框的CSS语法　　具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度...

CSS 滤镜——Glow 滤镜

2007-01-08

0

·Glow 滤镜　　对一个对象使用"glow"属性后，这个对象的边缘就会产生类似发光的效果。 Glow 滤镜语法 {filter:glow(color=color,strength)}　　参数含义如下：参数说明 Color 指定发光的颜色 STRENGTH 强度，值为1到255之间的任何整数，指定发光色力度和范围。实例： CSS滤镜实现代码效果拷...

CSS 滤镜——Alpha 滤镜

2007-01-08

0

·　Alpha 滤镜　　"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定各种不同范围的透明度。 Alpha 滤镜语法 {FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx...

CSS 滤镜——Blur 滤镜

2007-01-08

2

·　Blur 滤镜　　用手指在一幅尚未干透的画面迅速划过时，画面就会变得模糊。”Blur"就是产生同样的模糊效果。 Blur滤镜语法 HTML：{filter:blur(add=add,direction=direction,strength=strength)}Script语言： [oblurfilter=] object.filters.blur　　参数含义分别如下：参数说明 add 它指定图...

CSS 滤镜—— FlipH, FlipV 滤镜

2007-01-08

3

·　FlipH, FlipV 滤镜　　FlipH 滤镜实现水平反转 FlipH 滤镜语法 {filter:filph}　　FlipV 滤镜实现垂直反转 FlipV 滤镜语法 {filter:filpv} 图片实现效果如下： CSS滤镜实现代码效果拷屏正常图片＜img src="/UpLoadFolder/CSS/pic1.jpg"width="180" height="120"＞垂直翻转＜img src="/UpLo...

CSS 滤镜——Mask,Light滤镜

2007-01-08

0

·Mask 滤镜 Mask 滤镜语法 {filter:mask(color=color)} 使用"MASK"属性可以为对象建立一个覆盖于表面的膜，其效果就象戴着有色眼镜看物体一样。原表格拷屏 CSS 滤镜效果实现欢迎光临天极设计在线效果拷屏 Light 滤镜 Light 滤镜语法 {filter:light} 这个属性模拟光源的投射效果。一旦为对象定义...

CSS 滤镜——Gray,Invert,Xray滤镜

2007-01-08

0

·Gray ,Invert,Xray 滤镜　　使用Gray滤镜可以把一张图片变成灰度图，语法很简单： Gray 滤镜语法 {filter:gray}　　实例：正常图片滤镜代码实现效果拷屏＜img src="/UpLoadFolder/CSS/pic1.jpg" style="filter:gray" width="180" height="120"＞使用Invert滤镜可以把对象的可视化属性全部翻转...

CSS 滤镜——Shadow滤镜

2007-01-08

1

·Shadow 滤镜 Shadow 滤镜语法 {filter:shadow(color=color,direction=direction)} 利用“Shadow”属性可以在指定的方向建立物体的投影，COLOR是投影色，DIRECTION是设置投影的方向。其中0度代表垂直向上，然后每45度为一个单位。它的默认值是向左的270度。效果如下： CSS滤镜实现代码效果拷屏 ...

CSS 滤镜——Wave 滤镜

2007-01-08

0

·Wave 滤镜 Wave 滤镜语法 {filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)} 参数说明 wave 把对象按垂直的波形样式打乱。默认是 TRUE（非0） ADD 是否要把对象按照波形样式打乱 FREQ 波纹的频率，也就是指定在对象上一共需要产生多少个完整的波纹 LIGHTS...

CSS 滤镜——DropShadow 滤镜

2007-01-08

0

·DropShadow 滤镜　　“DropShaow"，顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量，加上色彩。 DropShadow 滤镜语法 {filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}　　参数含义如下：参数说明 Color 代表投射阴影的颜色 offx X方向阴影的偏移量 off...

25种风格各异的菜单

2007-01-08

3

· 请看下面的菜单样式。因为样式比较多，所以8个按钮共用一个菜单DIV IDMEUN1 MEUN2 MEUN3 MEUN4 MEUN5 MEUN6 MEUN7 MEUN8 ENIGMA DESK For icon ENIGMA DESK For skin ENIGMA DESK For image ENIGMA DESK Basic BBS MEUN9 MEUN10 MEUN12 MEUN13 MEUN14 MEUN...