css中文字有阴影效果

在CSS中，我们可以通过给文字添加阴影效果来增强其可读性和视觉效果。下面介绍以下几种常见的方法。
##### 1. text-shadow 属性
使用 text-shadow 属性可以添加文字阴影效果。该属性值有三个参数，分别是阴影位置、模糊半径和阴影颜色。例如：

p {
  text-shadow: 1px 1px 1px #000;
} 

这个例子中，1px 1px 1px 表示阴影位置，模糊半径和阴影颜色分别为黑色 #000。
##### 2. box-shadow 属性
使用 box-shadow 属性也可以添加文字阴影效果。该属性可以用在任何元素上，不仅限于文本。该属性值同样有三个参数，分别是阴影位置、模糊半径和阴影颜色。例如：

p {
  box-shadow: 1px 1px 1px #000;
} 

这个例子中的效果与 text-shadow 属性相同，但是 box-shadow 属性可以添加元素整个的阴影。
##### 3. text-stroke 属性
text-stroke 属性可以添加文字描边效果，可以实现类似于文字阴影的效果。例如：

p {
  color: #fff;
  -webkit-text-stroke: 1px #000;
} 

这个例子中，颜色为白色 #fff，描边宽度为 1 像素，描边颜色为黑色 #000。
至此，我们介绍了三种常见的为文本添加阴影效果的方法。这些方法可以帮助我们增强文本的可读性和视觉效果，让我们的页面更加生动活泼。