Question

我列出了我的项目here。所有人都有相同的风格，tittle的边框内部有一个深色的背景。然而，我的最新项目有一个标志（:)），不允许黑暗的背景。您可以看到here的原因是长颈鹿的嘴是棕色的，因此深色背景不匹配。

标题的代码是：

<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>

不幸的是，我无法使用CSS文件夹，因此我将其放在HTML代码中。

问题是阴影tittle不能很好地显示白色背景，你可以在上面的链接中看到。我尝试了几种颜色组合，以使其显示良好，但我失败了。我该怎么办？

Answer 1

这不是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>

阴影tittle无法正常显示

1 个答案: