• CSS背景


    background-image:添加背景图片

    #example1 { 
        background-image: url(img_flwr.gif), url(paper.gif);     //路径,背景图可以是多个
        background-position: right bottom, left top;           //背景图的定位
        background-repeat: no-repeat, repeat;               //是否重复
    }

      background-size:背景图的大小

    • length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
    • percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
    • cover:此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
      • 填充满
    • contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
      • 等比缩放

      background-Origin:指定了背景图像的位置区域

  • 相关阅读:
    寄存器基础知识
    基础知识
    架构
    Mac下Apache服务器的初步搭建
    ios字体简单设定
    xcode中自定义log打印
    jQuery打印插件
    ionic3生命周期钩子
    ES5 数组方法map
    $compile的妙用
  • 原文地址:https://www.cnblogs.com/tyblwmbs/p/10700178.html
Copyright © 2020-2023  润新知