4-3对盒使用阴影

box-shadow的参数分别是x方向长度，y方向长度，模糊半径，扩展半径，颜色，内外(不写就是外)

正常阴影

box-shadow: 10px 10px 10px 2px gray;

无阴影

box-shadow: none;

距离为0

box-shadow: 0 0 10px 2px gray ;

模糊为0

box-shadow: 10px 8px 0 gray;

负值阴影

box-shadow: -10px -8px 5px gray;

盒内阴影

box-shadow: -10px -8px 15px 10px #60431f inset;

对盒内元素使用

    padding: 2px;
    background-color: #387ceb;
    box-shadow: 2px 2px 3px blue;

定义和用法
box-shadow 属性向框添加一个或多个阴影。提示：请使用 border-image-* 属性来构造漂亮的可伸缩按钮！

给第一个字使用阴影（伪元素）

    box-shadow: 2px 2px 2px gray;
    background-color: yellow;
    font-size: 1.2rem;
    padding: 2px;
    margin:5px;

这是一段文字。提示：请使用 border-image-* 属性来构造漂亮的可伸缩按钮！

表格及单元格使用阴影

    tr{
        box-shadow: 5px 5px 5px gray;
        margin:15px;
        border-spacing: 10px;
    }
    td{
        box-shadow: 5px 5px 5px gray;
        background-color: #fa0;
        padding:15px;
        font-size: 1.2rem;
        font-weight: bold;
    }

1	2	3	4	5
6	7	8	9	0