文字阴影 text-shadow
| 参数 | 取值 |
|---|
| h-shadow | 必须，水平偏移量，允许负值 |
| v-shadow | 可选，垂直偏移量，允许负值 |
| blur | 可选，模糊度 |
| color | 可选，阴影颜色 |
<style>
p {
font-size: 50px;
font-weight: 700;
text-shadow: 10px 10px 20PX red;
color :#ccc;
}
</style>
<body>
<p>天上人间</p>
</body>
盒子阴影：box-shadow
| 参数 | 取值 |
|---|
| h-shadow | 必须，水平偏移量，允许负值 |
| v-shadow | 可选，垂直偏移量，允许负值 |
| blur | 可选，模糊度 |
| color | 可选，阴影颜色 |
| spread | 可选，阴影扩大 |
| inset | 可选，将阴影改为内部阴影 |
<style>
.box {
width: 400px;
height: 400px;
background-color: pink;
margin: 100px auto;
border-radius: 30px;
box-shadow: 0 0 20px 5px #ccc;
}
</style>
<body>
<div class="box"></div>
</body>
