CSS基础 阴影相关属性设置

一。字体阴影
属性名：text-shadow：水平偏移量 垂直偏移量  模糊度 阴影颜色；

html代码：
    <div>农夫山泉有点甜</div>

css代码：
     div{
      font-size:100px;
      font-weight:700;
      text-align:center;
      line-height:300px

      text-shadow: 98px 79px 9px pink;  /*水平偏移量 垂直偏移量  模糊度 阴影颜色 */
}
 
注意：1.水平偏移量可以为负数,模糊度和阴影颜色是可选的
     2.可以写多组阴影，用逗号隔开比如：

text-shadow: 98px 79px 9px pink，80px 80px 10px green；

二。盒子阴影
box-shadow：水平偏移量 垂直偏移量 模糊度(可选) 阴影扩大(可选) 阴影颜色(可选) 内部阴影(可选)；
代码：box-shadow：15px 20px 20px 2px #000 inset;