Html 为什么文字阴影在我的浏览器中不可见？

我的浏览器似乎都没有显示css代码的文本阴影属性我正在学习我的教程，我按照它告诉我的做了，但似乎不起作用，你能告诉我为什么吗？这是bootstrap 3.4.1，我的常规浏览器是chrome 80.0版，但它不适用于firefox、safari、quora、internet explorer或Microsoft edge

代码如下：

正文{
背景：url（“https://images.unsplash.com/photo-1415369629372-26f2fe60c467?ixlib=rb-1.2.1&auto=格式和配合=裁剪&w=634&q=80”）；
背景尺寸：封面；
背景位置：中心；
字体系列：Lato；
颜色：白色；
}
html{
身高：100%
}
#内容{
文本对齐：居中；
填充顶部：25%
文本阴影：0 4px 3px rgba（0,0,0,0.4），
0 8px 13px rgba（0,0,0,0.1），
18px23pxrgba（0,0,0,0.1）；
}
h1{
字号：700；
字号：5em；
}
人力资源{
宽度：400px；
边框顶部：1px实心#F8；
边框底部：2倍实心rgba（0,0,0,0.3）；
}

purrfect匹配
切换导航









Purrfect匹配
唯一的猫约会人类应用程序

开始吧！

代码中缺少分号：

#content {
 text-align: center;
 padding-top:25%; **// missing semicolon is the issue in the code.** 
 text-shadow: 0 4px 3px rgba(0,0,0,0.4),
           0 8px 13px rgba(0,0,0,0.1),
           0 18px 23px rgba(0,0,0,0.1);
 }

---

代码中缺少分号：

#content {
 text-align: center;
 padding-top:25%; **// missing semicolon is the issue in the code.** 
 text-shadow: 0 4px 3px rgba(0,0,0,0.4),
           0 8px 13px rgba(0,0,0,0.1),
           0 18px 23px rgba(0,0,0,0.1);
 }

---

这回答了你的问题吗？是的，这很有效谢谢我很惊讶我遗漏了这么简单的东西这能回答你的问题吗？是的，这很有效谢谢我很惊讶我漏掉了这么简单的东西