一个div ,before,after设置多个背景图

.panelIn {
                width: 1200px;
                height: 780px;
                border-radius: 26px;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
                background: url("../../../assets/controlbg.png");
                position: relative;
                &::before,
                &::after{
                    position: absolute;
                    content: "";
                    width: 1152px;
                    height: 34px;
                    background-image: url("../../..//assets/setting.png"),url("../../..//assets/setting.png");
                    background-repeat: no-repeat, no-repeat;
                    background-position: 0,1117px;
                    background-size: contain, contain;
                }

                &::before {
                    top: 18px;
                    left: 24px;
                    right: 24px;
                }

                &::after {
                    bottom: 18px;
                    left: 24px;
                    right: 24px;
                }
            }

你可能感兴趣的:(css3,html)