body{
    /*初始化 取消外边框*/
    margin: 0;
    padding: 0;
    height: 100vh;
    /*弹性布局 */
    display: flex;
    justify-content: center;
    align-items: center;
    background:linear-gradient(125deg,#56D8F5,#E7ADF8,#3880F5);
    background-size: 500%;
    /*执行动画 动画名 时长 线性的 无限次播放*/
    animation: gbh 15s linear infinite;
}
/*定义动画*/
@keyframes gbh{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}
button{
    /*字体大小*/
    font-size: 20px;
    /*字体颜色*/
    color: #fff;
    /*字体粗细*/
    font-weight: 700;
    /*字体样式*/
    font-style: italic;
    /*字体行高*/
    line-height: 50px;
    /*字体阴影*/
}
@font-face {
    font-family: 楷体;
    src: url(楷体.ttf);
}