一 : 盒子阴影代码

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