下面我们给大家介绍一下HTML文本阴影的方法吧!希望大家可以在这里学习!

解决方案

Safari浏览器支持CSS 属性text-shadow.IE 6提供其专有的属性filter: shadow,它会使你的CSS失效。你可以使用这两种属性在这些浏览器里创建阴影。其他浏览器不支持文本阴影。

在Safari浏览器中，使用text-shadow为文本添加阴影。

n    COLOR是阴影的颜色。

n    X-OFFSET是阴影的水平方向偏移。

n    Y-OFFSET是阴影的垂直方向偏移。

n    DIFFUSION是污点的量。值越高则污点量越大。

在IE 6中，使用filter:shadow为文本添加阴影。

n    COLOR是阴影的颜色。

n    DIRECTION是阴影的方向：0 = 上方，45 = 右上方，90 = 右方，135 = 右下方，180 = 下方，225 = 左下方，270 = 左方，315 = 左上方。

n    SIZE是显示器像素中的阴影尺寸。

n    使用zoom:1在IE内引发阴影效应。在IE 6将过滤器效果用于自身之前，它需要一个块进行布局。zoom:1触发布局。布局是IE的特有属性。

布局在第7章的原子化设计模式中有讨论。

模式

SELECTOR { text-shadow:COLOR X-OFFSET Y-OFFSET DIFFUSION;

filter:shadow(color=COLOR,

direction=DIRECTION,

strength=SIZE);

zoom:1; }

适用范围

此模式适用于块状元素。确切地说，text-shadow适用于所有元素，filter:shadow仅适用于块状元素。

局限

此模式不能在Firefox 2或Opera 9中使用。text-shadow在Safari 1.2.4中工作，filter:shadow在IE 6中工作。

我引入这个设计模式是因为当浏览器不支持时也不会破坏文本阴影的使用。阴影效应是非本质的。

当color和background-color一样时，应避免使用阴影创造特殊效果(例如遮挡)，因为它会使浏览器中的可视文本不支持阴影。

如果你为阴影块元素赋予边界，IE 6将会在其中的边界和文本处添加阴影。

提示

文本周围的阴影效果使文本加粗并从它的背景中突显出来。阴影对标题和背景图像上的文本最适合。稍加阴影会提高易读性，而浓厚的阴影会使文本更难读。

以上就是我们给大家介绍的HTML文本阴影的方法了。希望大家继续关注我们的网站!