HTML中的模糊文本

Question

我正在开发一个博客。如果需要，您可以看到它here。在侧边栏中创建“AppTec Team”区域时，我遇到了麻烦。我想创建文本区域，但我不明白为什么不清楚？如果您看到该区域，您会发现该字体看起来很模糊。我知道我正在使用已弃用的标签，但我没有其他选择，因为我将它的css放在哪里呢？ 我粘贴在文本小部件中的代码是，

<p 
style="background-color:#8E1E03; 
text-align:center;
font-size: 16px;
font-family:Times New Roman;
color:white;">
<i>Fraz Awan</i></p>
<p     
style="
background-color:#171717;
text-align:center;
font-size: 16px;
font-family:Times New Roman;
color:white;"
> IT Guy </p>

如果有人能帮助我消除文本中的模糊，我将非常感激。感谢

Answer 1

text-shadow课程中有.sidebar，导致其显得模糊。

此外，如果您希望为标题添加文本阴影，请将CSS更改为.sidebar h4{text-shadow:1px 1px white;}并从.sidebar类中删除文本阴影。