css知识点4

一、background背景

        1、background-color 背景颜色

        2、backgroun-image 背景图片

                url(" 图片路径")

        3、background-repeat 背景图片重复方式

                repeat 默认 垂直水平重复

                no-repeat 不重复

                repeat-x 水平重复

                repeat-y垂直重复

        4、background-position背景图片位置

                background-position-x 水平位置

                background-position-y垂直位置

        5、background-size背景图片大小

                width值 height值

                contain 包含 把背景图片等比例扩展至最大尺寸，

                以使它的宽和高适应整个背景区域，可能背景区域有留白

                cover 覆盖把背景图片等比例扩大至足够大，

                以使它铺满整个背景区域 可能会使图片裁剪

        6、background-attachment背景图片是否固定

                scroll 默认 背景图片随页面滚动

                fixed背景图片固定不动

        7、简写

                background: background-color值 ​​​​​​​background-image值 ​​​​​​​background-repeat值

                background-position值 / background-size值 background-attachment值;