h1{color:pink;
font-size:30px;
}

.backgrud{
            width: 100%;
            height: 100px;
            background: #000 url("https://images.cnblogs.com/cnblogs_com/cloudbarrychen/1536893/o_VUE2.0.jpg") no-repeat center 57%;
            background-size: cover;
            margin: 10px 0;
            box-sizing: border-box;
        }

        .backgrud_foot{
            width: 100%;
            height: 100px;
            background: #000 url("https://images.cnblogs.com/cnblogs_com/cloudbarrychen/1536893/o_VUE2.0.jpg") no-repeat center 72%;
            background-size: cover;
            margin: 10px 0;
            box-sizing: border-box;
        }

.sideimg{
            width: 100%;
            height: 100px;
            background: #000 url("https://images.cnblogs.com/cnblogs_com/cloudbarrychen/1536893/o_VUE1.0.png") no-repeat center 47%;
            background-size: cover;
            margin: 0;
            box-sizing: border-box;
        }