css 凹陷文字 ie11

CSS 凹陷文字可以让你的文字看起来像是被凹陷在背景中一样。这种效果常用于带视觉重心的设计中。而在 IE11 中，我们可以使用以下代码来实现凹陷文字效果：

text-shadow: 0 1px 0 #fff, 0 -1px 0 #333, 1px 0 0 #fff, -1px 0 0 #333;
    

这段代码中，我们使用了四个文本阴影（text-shadow）来实现文字凹陷效果。每个文本阴影的属性值都有所不同：

• 第一个文本阴影：水平偏移量为 0，垂直偏移量为 1px，颜色为 #fff，这个阴影的作用是让文字的顶部看起来更亮。
• 第二个文本阴影：水平偏移量为 0，垂直偏移量为 -1px，颜色为 #333，这个阴影的作用是让文字的底部看起来更暗。
• 第三个文本阴影：水平偏移量为 1px，垂直偏移量为 0，颜色为 #fff，这个阴影的作用是让文字的右侧看起来更亮。
• 第四个文本阴影：水平偏移量为 -1px，垂直偏移量为 0，颜色为 #333，这个阴影的作用是让文字的左侧看起来更暗。

通过组合这四个文本阴影，我们就可以轻松地实现 IE11 中的文字凹陷效果了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！