文章目录

• 盒子阴影
• • 1.如何给盒子添加阴影？
  • 2.注意点
• 文字阴影
• • 1.如何给文字添加参数？
  • 2.注意点

盒子阴影

1.如何给盒子添加阴影？

box-shadow：水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影；

2.注意点

• 盒子的阴影分为内外阴影，默认情况下就是外阴影。
• 快速添加阴影只需要编写三个参数即可，box-shadow：水平偏移 垂直偏移 模糊度；默认情况下阴影的颜色和盒子内容的颜色一致。

文字阴影

1.如何给文字添加参数？

text-shadow: 水平偏移 垂直偏移 模糊度 阴影颜色；

2.注意点

• 文字的阴影只有外阴影；
• 快速添加阴影只需要编写三个参数即可，text-shadow：水平偏移 垂直偏移 模糊度；默认情况下阴影的颜色和文字的颜色一致。