css背景图片的相关知识

    背景图的设计与修改:
        1)添加背景图:background-img:url(图片地址)  默认平铺整个盒子
        2)修改背景图是否平铺整个页面:background-repeat:no-repeat / repeat / repeat-x / repeat-y
            on-repeat :不平铺
            repeat : 平铺,为默认选项
            repeat-x: 在x轴上平铺(水平方向上平铺)
            repeat-y: 在y轴上平铺(在垂直方向上平铺)
        3)背景图像位置:  background-position :  left top(0,0) 等(其中只写一个关键字,另一个不写则默认居中,只写一个数字表示在水平方向,垂直方向上为居中)
        4)背景图的缩放:background-size:contain / cover / 百分比形式
            cover:当背景图的长度和盒子长度相同时停止,和 100% 的结果相同
            contain : 当背景图的宽度和盒子相同时停止
        5)背景图片的固定: background-attachment:fixed

 

你可能感兴趣的:(前端,css)