background-repeat:repeat---------------------------平铺
background-repeat:repeat-X-------------------------水平平铺
background-repeat:repeat-Y--------------------------垂直平铺
background-repeat:no-repeat-----------------------不平铺
background-repeat:round-----------------------------缩放之后进行平铺,显示完整图片
background-repeat:space--------------------图片间距不变,只会在图片之间产生相同的间距
background-attachment:fixed---------------------背景图片固定
background-attachment:local----------------背景图片跟着一起滚动
background-attachment:scroll-------------------图片不会跟谁内容滚动
background-size:contain---------------------按比例自动缩放图片 使图片自适应背景大小
----------------------图片大于容器,有可能会造成背景空白,将图片缩小
--------------------图片小于容器,有可能会造成背景空白,将图片变大
background-size:cover------背景图片会按比例自动适应背景区域,如果背景区域不足,会造成图片溢出
-------------图片大于背景区域,等比例缩小,会填满整个区域,可能造成某些区域不可见
----------图片小于背景区域,等比例放大,填满整个区域,可能会造成某些地方溢出
background-position:center-----------------------------------背景图片居中
background-position:0px 0px-----------------------设置背景图片的位置 中间用空格隔开
background-clip--------------------------------------------------------切割 背景图片
网友评论