background背景图片类标签

2017-08-01 本文已影响0人 Swimming_cat

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--------------------------------------------------------切割背景图片