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
      图片的原有值
     
  • 相关阅读:
    递归
    匿名函数
    迭代器、可迭代对象、生成器
    日期
    大文件读写
    面向对象
    魔术方法
    进程与线程
    numpy常用函数
    shell编程
  • 原文地址:https://www.cnblogs.com/wszzj/p/12243183.html
Copyright © 2011-2022 走看看