css 图片平铺

背景图尺寸(数值表示方式): 

1
2
3
#background-size{
background-size:200px 100px;
}

  背景图尺寸(百分比表示方式): 

css  图片平铺
#background-size2{ 
background-size:30% 60%; 
} 
css  图片平铺

背景图尺寸(等比扩展图片来填满元素,即cover值): 

css  图片平铺
#background-size3{ 
background-size:cover; 
} 
css  图片平铺

背景图尺寸(等比缩小图片来适应元素的尺寸,即contain值): 

css  图片平铺
#background-size4{ 
background-size:contain; 
} 
css  图片平铺

背景图尺寸(以图片自身大小来填充元素,即auto值): 

css  图片平铺
#background-size5{ 
background-size:auto; 
} 
css  图片平铺

 

css 图片平铺,布布扣,bubuko.com

css 图片平铺

上一篇:1


下一篇:设置div中文字超出时自动换行