背景尺寸（background-size）

背景尺寸（background-size）

background: url(img/bg.jpg)（ no-repeat ）

background-size: cover / contain / auto
 
有先后顺序，background-size放在 background后面才会生效

 

  • background: url(img/bg.jpg) （ no-repeat ）
  • background-size: cover  和no-repeat无关
　　/*使图片放大到完全填充*/ 图片被放大居中显示
  • background: url(img/bg.jpg) 
  • background-size: contain 
/*使图片填充，但是会保证图片的像素，常用 */
 
 
  • background: url(img/bg.jpg)  no-repeat 
  • background-size: contain 
/*使图片填充，但是会保证图片的像素，常用 */
 
 
  • background: url(img/bg.jpg)  
  • background-size: auto

　　图片的原有值

  • background: url(img/bg.jpg)  no-repeat 
  • background-size: auto
　　图片的原有值
 
posted @ 2020-01-30 17:15  张尊娟  阅读(442)  评论(0)  编辑  收藏  举报