css中设置文字阴影 |css里content怎么用的

p {
text-shadow: 2px 2px 4px #666;
}

该属性接受4个参数，分别是阴影的水平偏移量、垂直偏移量、模糊半径和颜色。大家用实际例子来解释这四个参数：

p.one {
text-shadow: 2px 2px 0 #000;
}
p.two {
text-shadow: 2px 2px 4px #666;
}
p.three {
text-shadow: -2px -2px 2px #ccc;
}
p.four {
text-shadow: 3px -3px 0 #fff;
}

在这个例子中，大家分别给4个段落添加了不同的文字阴影效果。第一个段落的阴影是黑色，没有模糊半径，呈现出一种印刷效果。第二个段落的阴影是灰色，有4像素的模糊半径，增加了一点立体感。第三个段落的阴影是浅灰色，有2像素的模糊半径，形成了一种脱胎于背景的效果。最后一个段落的阴影是白色，没有模糊半径，可以发现它的效果类似于文字的勾边。

当然，你可以通过调整这四个参数来获得适合你网页的文字阴影效果。同时，text-shadow属性既可用于单个元素，也可用于全局样式中。为了获得更好的用户体验和视觉效果，恰当地使用这一属性仍旧十分重要。