Question

显然，在CSS3中，有一个类似于

的CSS命令

text-shadow: 10px 10px 5px #color;

它会在文本上创建阴影。

它在CSS中不起作用。

那么如何在CSS中制作阴影呢？

这就是我所拥有的

.Stuff{
    text-shadow: 5px 5px 2px #000;
}

编辑：在这一点上，我想我将揭示我的整个计划。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

.TitleMotto {
    font-family: "Parry Hotter";
    font-size: 36px;
    font-style: normal;
    line-height: single;
    text-transform: none;
    background-color: #F00;
    color: #CF0
    text-shadow: 5px 5px 2px #000;

}
.Motto {
    font-family: "Parry Hotter";
    font-size: 24px;
    font-style: normal;
    line-height: single;
    text-transform: none;
    background-color: #F00;
    color: #CF0
}
</style>
</head>

<body><table width="815" border="1">
  <tr>
    <td width="281" height="104"><img src="file:///E|/Business Project/Business_Logo (2).jpg" width="299" height="172" alt="Logo" /></td>
        <td width="518" class="Motto"><center>
          <div class="TitleMotto">Stuff</div>
          <p>Stuff</p>
        </center></td>
      </tr>
      <tr>
        <td height="543">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>

    </body>

PS：图像不会显示。

Answer 1

您的代码运行正常。您不需要指定您使用的CSS类型，而不像HTML，浏览器会读取CSS或忽略它。

在浏览器中预览？

单击下面的运行代码按钮。

＆＃13;

.stuff {text-shadow: 5px 5px 2px #000;}

＆＃13;

<p class="stuff">text with a shadow</p>

＆＃13;

<强>已更新

通过添加完整的CSS代码，我可以看到您缺少关闭的分号。

color: #CF0; // ADD YOUR CLOSING SEMI-COLON HERE
text-shadow: 5px 5px 2px #000;

如何使用CSS2添加文本阴影

1 个答案: