阴影的标题未正确显示

debugcn 发表于 Dev

萨马拉斯

我在这里列出我的项目。所有标题的样式都相同，标题所居住的边框的内部背景为深色。但是，我最新的项目有一个徽标（:)），不允许有深色背景。您在这里看到的原因是长颈鹿的嘴是棕色的，因此暗色的背景与背景色不太匹配。

标头的代码是这样的：

<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代码中。

问题在于，阴影的标题可能无法在白色背景下很好地显示，如您在上面的链接中所见。我尝试了几种颜色组合以使其显示得很好，但是我失败了。我该怎么办？

乔纳斯·格鲁曼（Jonas Grumann）

无论如何，这不是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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。