25.html-CSS背景

           /* background-color: transparent;背景颜色透明 */
            background-image: url('../../');
            /* 背景平铺 默认效果 xy方向都平铺 */
            background-repeat: repeat;
            /* 背景平铺 x方向平铺 */
            background-repeat: repeat-x;
            /* 背景平铺 y方向平铺 */
            background-repeat: repeat-y;
            /* 背景不平铺 */
            background-repeat: no-repeat;
            /* 1.背景位置 第一个值表示水平 第二个值表示垂直 */
            /* 
                2.水平关键字：
                left center right
                垂直方向关键字：top center bottom
                如果两个方向取值都为关键字的话 值的顺序可以改变
             */
            background-position: center center;
            background-position: left top;
            /* 2.1.只设置了一个值 那么另一个值将为center */
            background-position: bottom;
            background-position: right;
            /* 3.固定值 固定方向 第一个值就是水平 第二个值就是垂直 */
            background-position: 200px 100px;
            /* 4.百分比 */
            /* (容器的宽度-图片的宽度)*百分比 = 图片最左边到容器左边的距离
            (容器的高度-图片的高度)*百分比 = 图片最上边到容器上边的距离  */
            background-position: 50% 50%;
            /* 5.混合 第一个是水平 第二个是垂直 */
            background-position: 10% 200px;