背景尺寸(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  张尊娟  阅读(452)  评论(0编辑  收藏  举报