zoukankan      html  css  js  c++  java
  • 背景尺寸(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
      图片的原有值
     
  • 相关阅读:
    2021-4-1 日报博客
    2021-3-31 日报博客
    2021-3-30 日报博客
    2021-3-29 日报博客
    2021-3-27 周报博客
    java
    周末总结六
    java
    java
    java
  • 原文地址:https://www.cnblogs.com/wszzj/p/12243183.html
Copyright © 2011-2022 走看看