文字阴影
text-shadow：
定义：设置文本阴影的效果
语法：text-shadow：x轴方向的位置【向右的】 y轴的位置【向下的】 模糊距离 颜色【默认跟文本的颜色一样】
有两个必须的属性值：x方向的位置 y轴的方向 【可以是负值】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
text-shadow: 10px 5px 5px rebeccapurple;
color:orangered;
font-size: 45px;
text-align: center;
}
</style>
<body>
<p>北京欢迎您</p>
</body>
</html>
盒子阴影
box-shadow
定义：设置盒子的阴影效果
语法：box-shadow: x轴方向的位置 y轴的位置模糊距离 模糊大小 颜色 内外阴影
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{
width: 300px;
height: 300px;
background: rebeccapurple;
margin: 20px auto;
box-shadow: 10px 10px 2px 7px red ;
}
.box{
width: 300px;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="box1"></div>
</body>
</html>