zoukankan      html  css  js  c++  java
  • CSS background-position用法详解

    语法:

    background-position: length || length

    background-position: position || position

    取值:

     length: 百分数|由浮点数字和单位标识符组成的长度值

    postion: top | center | bottom | left | center | right

    说明:

    设置或检索对象的背景图像位置。必须先制定background-image属性

    默认值: 0% 0%

    1.如果只自定了一个值,该值将用于横坐标。如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。

    2.设置right  center,表示容器的右边和背景图片的右边对其,容器的中心点和背景图片的中心点对齐,其他以此类推。

    3.该属性定位不受对象的补丁属性( padding )设置影响。

    例如,我们给容器元素增加padding值,背景图片的左上角还是与容器元素的左上角对齐。在此处只是影响到了容器元素的高度和宽度。

    4.设置数值时.例如 70px 100px,表示背景图片以容器左上角为参考向右偏移70px,向下偏移 100px.

      例如 -70px  -100px,表示背景图片以容器左上角为参考向左偏移70px,向上偏移 100px.

    5.设置百分比。

    正数: 背景图片相对于容器x轴右移值 = (容器宽度-背景图片宽度)*x百分比,背景图片相对于容器y轴下移值 = (容器高度-背景图片高度)*y百分比

    负数: 背景图片相对于容器x轴左移值 = (容器宽度-背景图片宽度)*x百分比,背景图片相对于容器y轴上移值 = (容器高度-背景图片高度)*y百分比

  • 相关阅读:
    实验四
    实验三 进程调度模拟程序
    实验二 调度
    一个完整的大作业
    数据结构化与保存
    爬取新闻列表
    用requests库和BeautifulSoup4库爬取新闻列表
    中文词频统计及词云制作
    组合数据类型练习,英文词频统计实例
    字符串操作练习:星座、凯撒密码、99乘法表、词频统计预处理
  • 原文地址:https://www.cnblogs.com/erduyang/p/4647264.html
Copyright © 2011-2022 走看看