盒子和渐变css

/* box-sizing属性设置盒子类型，默认属性值是content-box（内容盒子） 内容盒子的边框，内边距所占空间，不会占用盒子的实际空间 属性值border-box（边框盒子）边框盒子的边框，内边距所占空间，占用盒子的实际空间

/* /* /* 线性渐变 / / 从上往下 / / background: linear-gradient(to bottom,red,green,blue); / / 从下往上 / / background: linear-gradient(to top,red,green,blue); / / 从左往右 / / background: linear-gradient(to right,red,green,blue); / / 从右往左 / / background: linear-gradient(to left,red,green,blue); / / 从右上到左下 / / background: linear-gradient(to left bottom,red,green,blue); / / 从左下到右上 / / background: linear-gradient(to top right,red,green,blue); */

        /* 径向渐变 */
        background: radial-gradient(red 5%,green 30%,blue 60%);
        /* background: radial-gradient(circle,red 10%,green 30%,blue 60%); */
    }