经过几天大脑短路,今天终于自动修复成功。迫不及待的来写个随笔纪念一下。话不多说 进入正题:
这两天忙里偷闲仔细研究了下background-position图片定位的问题,之前自己都不清楚是怎么一回事,现在来分享一下到底是怎么一回事。
背景图片定位(background-position)原理
I. 语法:Background-position:水平位置 垂直位置
II. 水平位置/垂直位置设置方法:
1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动;
2) 百分比(%)范围:0%—100%
3) 关键词:水平位置:left(左) center(中) right(右) 垂直位置:top(上) center(中) bottom(下)
默认情况下,background-position的原点位于左上角,换句话说,元素的左上角和图片的左上角是对齐的,随后图片向各个方向重复,都是以左上角为起点。
注意:当只设置一个值时:代表水平位置,垂直位置默认居中
学无止境,我们需要学习的太多太多,有时候我们可以稍微放缓一下脚步,沉淀一下我们的知识,加深一下理解,会更加的有趣。
知识是一种快乐,好奇则是知识的萌芽。加油!