css如何设置两种文字阴影

在CSS中，我们可以使用text-shadow属性为文本添加阴影效果。text-shadow属性有以下语法：

text-shadow: h-shadow v-shadow blur-radius color;

其中，h-shadow和v-shadow表示水平和垂直方向上的阴影偏移量，单位可以是px、em、rem等；blur-radius表示模糊度，也可以使用px、em、rem等单位；color表示阴影颜色。你可以尝试设置不同的值，来创建不同的阴影效果。

1.添加内阴影效果

内阴影效果是指文字内部出现的阴影效果。我们可以使用text-shadow实现此效果。代码如下：

.shadow{
  font-size: 24px;
  color: #fff;
  text-shadow: inset 0px 0px 10px rgba(0,0.5);
}

以上代码为文本添加了一个黑色的内阴影效果。inset关键字表示内阴影，0px和0px表示阴影偏移量为0，blur-radius设为10px，color为黑色，透明度为0.5。你也可以尝试修改这些属性值。

2.添加浮雕效果

浮雕效果是指在文本周围出现的一种凸起感效果。我们同样可以使用text-shadow属性，但需要设置多个方向的阴影。代码如下：

.emboss{
  font-size: 24px;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0,0.5),-1px -1px 0px rgba(255,255,0.5);
}

以上代码为文本添加了一个黑色的浮雕效果，主要通过设置两个方向、两个不同颜色的阴影来实现。第一个阴影是向右下方偏移1px和1px，模糊度设为0，颜色设为黑色，透明度为0.5；第二个阴影是向左上方偏移-1px和-1px，模糊度设为0，颜色设为白色，透明度为0.5。你也可以尝试修改这些属性值。

以上就是CSS中设置两种文字阴影的方法。希望本文能够帮助你了解text-shadow属性的使用方法。