zoukankan      html  css  js  c++  java
  • css属性background

    一、background-size

      1.具体设定的px值,及北背景图片的具体宽高

      2.设定的百分比,相对于容器的宽高

      3.设定三个铺设类型:

        (1)cover: 以宽 / 高 为基本,尽可能的去铺满整个容器,溢出部分截掉

        (2)contain:以宽 / 高 为基本,尽可能的去铺满整个容器,但要求不能溢出容器

    二、background-repeat: repeat / no-repeat; 一张图片无法铺满整个容器时,是否重复图片平铺

    三、background-position: 

      1、具体两个px值,设定的为相对于容器左上角的偏移值

      2、两个百分比值: 计算公式为 (容器的宽度 - 背景图片的宽度) * 百分比 ,高度类推即可

      3.left, right, top, bottom, 分别相当于 第一个百分比的 0% ,100%,第二个百分比的 0%,100%

      4.center, 相当于百分比的50%

      注意: background-position必须要写两个值,不能系一个值来代替两个相同的值

      

  • 相关阅读:
    模块的种类和导入方法
    小知识点补充
    9.17模拟赛2.0
    hdu2181 哈密顿绕行世界问题
    9.17模拟赛
    9.15模拟赛
    P1084 疫情控制
    9.14模拟赛
    【bzoj1232】[Usaco2008Nov]安慰奶牛cheer
    P3128 [USACO15DEC]最大流Max Flow
  • 原文地址:https://www.cnblogs.com/Walker-lyl/p/5854704.html
Copyright © 2011-2022 走看看