背景

background-color

CSS属性中的background-color会设置元素的背景色, 属性的值为颜色值或关键字”transparent”二者选其一。

.mydiv {
    width: 200px;
    height: 200px;
    background-color: aliceblue;
}

background-image

CSS background-image 属性用于为一个元素设置一个或者多个背景图像。

• 渐变色：linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5))
• 图片url()

  background-size

  background-size 设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。

background-repeat

background-repeat CSS 属性定义背景图像的重复方式。背景图像可以沿着水平轴，垂直轴，两个轴重复，或者根本不重复。

background-position

background-position 为背景图片设置初始位置。

background-attachment

background-attachment CSS 属性决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。

.mydiv {
    width: 200px;
    height: 200px;
    background-image: url('/static/images/logo.png'),
        url('/static/images/background.jpg');
    background-size: 100px 200px, 100px 200px;
    background-color: aliceblue;
    background-repeat: no-repeat;
    background-position: left 100px, 100px 200px;
    background-attachment: fixed;
}