盒子模型阴影设置，爱奇艺阴影配置

box-shadow的配置阴影

ul li:hover{
            border-color: #dfdfdf;
            border-radius: 10px;
            -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            background-color: #fff;
        }

配置后的效果

转载于:https://www.cnblogs.com/binglong180/p/7481770.html