zoukankan      html  css  js  c++  java
  • (转)background-position—CSS设置背景图片的位置

    background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了 background-position 属性的标记(例如 body 标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现在指定的位置

    background-position:在CSS中通过background-position属性可以调整背景图片的位置。因为在默认情况下背 景图片都是从设置了background-position属性的标记(例如body标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现 在指定的位置。

    background-position属性值:

    属性值
     效果
     
    百分比
     如:background-position:30% 70%
     
    top
     顶部
     
    left
     左边
     
    right
     右边
     
    bottom
     底部
     
    center
     居中
     
    Bottom right
     右下方
     

    通过代码“background-position:30% 70%”的设置,使得背景图片的中心点在水平方向上处于30%的位置,在竖直方向上则位于70%的位置。

    上面提到的“Bottom right”外,background-position的值还可以设置为top left、top center、top right、center left、center right、bottom left和bottom center等

  • 相关阅读:
    iOS开发---iPhone SDK 包含哪些东西?
    COS-8文件系统
    COS-7设备管理
    COS-6主存管理
    COS-5资源分配与调度
    COS-4进程及进程管理
    饭卡管理系统学生E-R图
    COS-3OS的用户接口
    COS-2OS结构和硬件支持
    计算机操作系统-1绪论
  • 原文地址:https://www.cnblogs.com/ronle/p/3384552.html
Copyright © 2011-2022 走看看