css3中背景颜色的设定

CSS3中，我们可以通过background-color属性来为元素设置背景颜色。

    div {
        background-color: #FF0000;    /* 使用十六进制颜色值设置背景颜色 */
    }

在CSS3中，除了使用十六进制颜色值，我们还可以使用rgb()函数、rgba()函数和hsl()函数设置背景颜色。

    div {
        background-color: rgb(255,0);    /* 使用rgb()函数设置背景颜色 */
        background-color: rgba(255,0.5);    /* 使用rgba()函数设置背景颜色，其中第四个参数表示透明度 */
        background-color: hsl(0,100%,50%);    /* 使用hsl()函数设置背景颜色，其中第一个参数表示色相，第二个参数表示饱和度，第三个参数表示亮度 */
        background-color: hsla(0,50%,0.5);    /* 使用hsla()函数设置背景颜色，其中第四个参数表示透明度 */
    }

除此之外，我们还可以通过CSS3中的渐变来设置背景颜色。

    div {
        background-image: linear-gradient(to bottom,#FF0000,#0000FF);    /* 使用线性渐变设置背景颜色，to bottom表示从上到下，#FF0000表示起始颜色，#0000FF表示结束颜色 */
        background-image: radial-gradient(circle,#0000FF);    /* 使用径向渐变设置背景颜色，circle表示圆形，#FF0000表示起始颜色，#0000FF表示结束颜色 */
    }