• 拨开云雾见月明


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

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

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

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    随笔
    我的舅舅
    代码规范
    SpringMVC_乱码问题
    SpringMVC_接受请求及数据回显
    Restful风格
    第六周总结
    SpringMVC_控制器
    SpringMVC_初次使用
    SpringMVC_简介
  • 原文地址:https://www.cnblogs.com/H-Gfeng/p/10428263.html
Copyright © 2020-2023  润新知