一 : 盒子阴影代码

    1. box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    2.     0 4px 6px -2px rgba(0, 0, 0, 0.05);

    二 : 设置滚动条样式

    1. ::-webkit-scrollbar {
    2.   width: 7px;
    3.   height: 7px;
    4.   background-color: #f5f5f5;
    5. }
    7. /*定义滚动条轨道 内阴影+圆角*/
    8. ::-webkit-scrollbar-track {
    9.   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    10.   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    11.   border-radius: 10px;
    12.   background-color: #f5f5f5;
    13. }
    14. /*定义滑块 内阴影+圆角*/
    15. ::-webkit-scrollbar-thumb {
    16.   border-radius: 10px;
    17.   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    18.   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    19.   background-color: #c8c8c8;
    20. }