zoukankan      html  css  js  c++  java
  • css3背景

      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:指定了背景图像的位置区域

      

  • 相关阅读:
    基于SUSE Linux做NFS文件挂载
    Java实现蓝桥杯调和级数
    Java实现蓝桥杯调和级数
    Java实现分割矩形
    Java实现分割矩形
    Java实现分割矩形
    Java实现分割矩形
    Java实现分割矩形
    Java实现九阶数独
    Java实现九阶数独
  • 原文地址:https://www.cnblogs.com/zyfeng/p/10482358.html
Copyright © 2011-2022 走看看