其他分享
首页 > 其他分享> > css零到一基础教程038:CSS 文本阴影

css零到一基础教程038:CSS 文本阴影

作者:互联网

文本阴影

text-shadow 属性为文本添加阴影。

最简单的用法是只指定水平阴影(2px)和垂直阴影(2px):

实例

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px;
}
</style>
</head>
<body>

<h1>文本阴影效果!</h1>

</body>
</html>

 

接下来,向阴影添加颜色(红色):

实例

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px red;
}
</style>
</head>
<body>

<h1>文本阴影效果!</h1>

</body>
</html>

 

<

标签:2px,h1,阴影,零到,038,text,shadow,文本,CSS
来源: https://blog.csdn.net/kerryqpw/article/details/123641627