在平面范围的设计中，不管是什么类型的设计风格，阴影相对于文字，元素、图案来说占比不是很大，但是如果使用得当却有画龙点睛之效果，特别是在交互设计中、网页设计中，阴影的使用特别频繁，通过阴影让产品的表现力更有效果，感官视觉更具有表现力。
在网页设计中，阴影我们也是随时用到，比如按钮部分，弹出框部分，一个模块与另一个模块分开部分，我们都会用阴影进行区分，小程序，商城APP对于阴影的使用是是比较多的。
在HTML中，可以使用text-shadow设置文本阴影效果，只需要给文本元素添加“text-shadow:数值 数值 模糊距离 阴影颜色”样式即可。text-shadow属性向文本添加一个或多个阴影，该属性是逗号分隔的阴影列表。
具体步骤:
1.首先，我们再HTML中新建一个P标签，并且输入内容。我们就能为这个P标签定义一个类，这里叫他【PTitle】。
2.使用【text-shadow】阴影。为他设置X和Y轴的偏移位置。设置10个像素的模糊程度和颜色。
