文字阴影 - CSS

在网页设计中，文字阴影是一种常用的效果，可以让文字立体感更强，从而加强视觉效果。

在CSS中，我们可以使用 text-shadow 属性添加文字阴影。该属性接受一组值，分别表示阴影的水平偏移、垂直偏移、模糊半径和颜色。

下面是一个示例：

h1 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

这段代码将应用一个向右下方偏移的文字阴影，模糊半径为4像素，颜色为半透明黑色。你可以根据需要调整偏移量、模糊半径和颜色，以达到不同的视觉效果。

除了在 text-shadow 属性中指定阴影效果外，我们还可以使用 box-shadow 属性为整个盒子添加阴影效果。这个属性的用法和 text-shadow 类似，只需要将其应用在需要添加阴影的元素上即可，但是它会为整个盒子添加阴影效果，而不仅仅是文本。

下面是一个示例：

div {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

这段代码将为一个 div 元素添加一个向右下方偏移的盒子阴影，模糊半径为4像素，颜色为半透明黑色。你可以根据需要调整偏移量、模糊半径和颜色，以达到不同的视觉效果。

总之，在CSS中添加文字阴影和盒子阴影是非常简单的。你只需要使用 text-shadow 和 box-shadow 属性即可。如果你想了解更多关于这两个属性的详细信息，请查看它们的文档。