zoukankan      html  css  js  c++  java
  • 拨开云雾见月明

      经过几天大脑短路,今天终于自动修复成功。迫不及待的来写个随笔纪念一下。话不多说 进入正题:

      这两天忙里偷闲仔细研究了下background-position图片定位的问题,之前自己都不清楚是怎么一回事,现在来分享一下到底是怎么一回事。

      背景图片定位(background-position)原理

      I. 语法:Background-position:水平位置 垂直位置

      II. 水平位置/垂直位置设置方法:

      1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动;

      2) 百分比(%)范围:0%—100%

      3) 关键词:水平位置:left(左) center(中) right(右)  垂直位置:top(上) center(中) bottom(下)

      默认情况下,background-position的原点位于左上角,换句话说,元素的左上角和图片的左上角是对齐的,随后图片向各个方向重复,都是以左上角为起点。

      注意:当只设置一个值时:代表水平位置,垂直位置默认居中

      学无止境,我们需要学习的太多太多,有时候我们可以稍微放缓一下脚步,沉淀一下我们的知识,加深一下理解,会更加的有趣。

      知识是一种快乐,好奇则是知识的萌芽。加油!

  • 相关阅读:
    如何优雅地删除 Linux 中的垃圾文件
    session:
    cookie:
    多对多表结构设计:
    接口测试:
    oracle基本笔记整理
    oracle基本笔记整理
    oracle基本笔记整理
    2016年寒假心得
    2016年寒假心得
  • 原文地址:https://www.cnblogs.com/H-Gfeng/p/10428263.html
Copyright © 2011-2022 走看看