CSS3 :root 选择器

:root {
    --background-color: #2c3e50;
    --border-color: #7591AD;
    --text-color: #34495e;
    --color1: #EC3E27;
    --color2: #fd79a8;
    --color3: #0984e3;
    --color4: #00b894;
    --color5: #fdcb6e;
    --color6: #e056fd;
    --color7: #F97F51;
    --color8: #BDC581;
}

:root {
    --background-color: #2c3e50;
    --show_color1: #03a9f4;
    --show_color2: #f441a5;
}

var 使用

.bt {
    font-size: 30px;
    color: #FFF;
    background: linear-gradient(90deg, var(--show_color1), var(--show_color2));
    padding: 24px 48px;
    border-radius: 60px;
    position: relative;
    overflow: hidden;
}