当前位置:首页 > 行业动态 > 正文

html如何给文字添加阴影

在HTML中,可以使用CSS的textshadow属性给文字添加阴影,以下是一个简单的示例:

<!DOCTYPE html>
<html>
<head>
<style>
  .shadowtext {
    textshadow: 2px 2px 4px #000000;
  }
</style>
</head>
<body>
<h1 >这是一个带有阴影的文字</h1>
<p >这是另一个带有阴影的文字</p>
</body>
</html>

在这个示例中,我们创建了一个名为shadowtext的CSS类,并为其添加了textshadow属性。textshadow属性接受三个值:水平偏移量、垂直偏移量和模糊距离,在这个例子中,我们将水平偏移量设置为2像素,垂直偏移量设置为2像素,模糊距离设置为4像素,我们还为阴影设置了颜色(在这里是黑色)。

我们在HTML中使用这个类来给文字添加阴影,只需将class属性设置为shadowtext即可。

0