Html 阴影标题未正确显示

我列出我的项目。所有的山雀都有着相同的风格，山雀居住的边界内部有一个黑暗的背景。然而，我的最新项目得到了一个不允许黑暗背景的徽标（：）。正如你所看到的，原因是长颈鹿的嘴是棕色的，因此深色的背景并不匹配

标题的代码如下所示：

<h1 style="background-color:#FFFFFF;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-weight:300;font-size:27px;letter-spacing:2px;
  text-shadow:2px 2px #330000 , 3px 3px #330033 , 4px 4px #330066 , 5px 5px #330099;
  color:black;text-align:center;letter-spacing:2px;border:2px solid;
  border-radius:25px;border-color:#CCCC99;box-shadow:10px 5px 5px #CC9966;
  border-style:outset;-moz-background-size:20% 100%;background-size:20% 100%;
  background-image:url('myurl');-moz-border-radius:25px;
  background-repeat:no-repeat;width:70%;position:relative;top:50%;left:15%;"><span style="padding-left:20px;font-size:30px;line-height:6em;"><b>kd-GeRaF</b></span>
</h1>

kd GeRaF 不幸的是，我不能使用CSS文件夹，因此我把它放在HTML代码中

---

问题是，阴影标题不会以白色背景很好地显示，正如您在上面的链接中所看到的那样。我尝试了几种颜色的组合，以使它显示得很好，但我失败了。我该怎么做呢？

这不是stackoverflow的问题，不管怎样，你为什么不选择长颈鹿的颜色和平滑的阴影呢

<h1 style="background-color:#FFFFFF;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;font-weight:300;font-size:27px;letter-spacing:2px;text-shadow: 2px 2px 1px rgba(0,0,0, .4);color: #f8bf63;text-align:center;letter-spacing:2px;border:2px solid;border-radius:25px;border-color:#CCCC99;box-shadow:10px 5px 5px #CC9966;border-style:outset;-moz-background-size:20% 100%;background-size:20% 100%;background-image:url('https://gsamaras.files.wordpress.com/2015/05/giraffe_sam.png');-moz-border-radius:25px;background-repeat:no-repeat;width:70%;position:relative;top:50%;left:15%;"><span style="padding-left:20px;font-size:30px;line-height:6em;"><b>kd-GeRaF</b></span></h1>

kd GeRaF

---

你是在问哪种颜色的阴影适合你的图像吗？不是，因为那会偏离主题@geogelee。我在问哪个颜色的阴影会让标题显示出来。现在，没人能读了！：/就这样！嗯，我不是问如何改进，而是问如何使它“可见”，因为它和阴影纠缠在一起，谢谢！乔纳斯，我真的很喜欢这样，我也会投票给你最重要的答案，作为一种表达感谢的方式：）