可以使用 CSS 的 text-shadow 属性来控制页面中文字的阴影效果。text-shadow 属性接受四个值:水平偏移量、垂直偏移量、模糊半径和阴影颜色。
例如,如果要为一个元素的文本添加黑色的阴影,可以使用以下 CSS 代码:
element {
text-shadow: 2px 2px 2px black;
}
上述代码中,2px 是水平和垂直偏移量,表示阴影向右下方偏移 2 像素;2px 是模糊半径,表示阴影边缘模糊程度为 2 像素;black 是阴影颜色,表示阴影为黑色。
可以根据需要调整这些值,以达到不同的阴影效果。
此外,还可以通过使用多个 text-shadow 值来创建多层阴影效果,例如:
element {
text-shadow: 1px 1px 0px #fff, -1px -1px 0px #000;
}
上述代码中,使用了两个 text-shadow 值,分别表示白色和黑色的阴影。第一个值表示白色阴影向右下方偏移 1 像素,模糊程度为 0 像素;第二个值表示黑色阴影向左上方偏移 1 像素,模糊程度为 0 像素。这样可以创建出更加复杂的阴影效果。