zoukankan      html  css  js  c++  java
  • 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:指定了背景图像的位置区域

  • 相关阅读:
    UE4 Abc 批量导入
    UE4源码摘录(424)
    JZ10 矩形覆盖
    JZ27 字符串的排列
    JZ66 机器人的运动范围
    JZ65 矩阵中的路径
    JZ12 数值的整数次方
    JZ37 数字在升序数组中出现的次数
    JZ6 旋转数组的最小数字
    JZ67 剪绳子
  • 原文地址:https://www.cnblogs.com/tyblwmbs/p/10700178.html
Copyright © 2011-2022 走看看