百度试题 结果1 题目背景图片的位置background-position属性,如果只设了一个参数,则垂直方向默认为( )A、centerB、middleC、rightD、left 相关知识点: 试题来源: 解析 A 反馈 收藏
1、可以通过背景定位属性来定义背景图片的位置:background-position,使用背景定位的属性值有下面几种,如果不使用,默认位置是从页面左上角0位置开始: (1)background-position:<percentage>使用百分点定位,0% 0%是指图片左上角与页面左上角对齐;如果是100% 100%,则表示图片右下角与页面右下角对齐。两个百分数用空...
background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 关键字成对出现left right top bottom center,如果仅指定一个关键字,其他值将会是"center" x% y%第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是...
默认值为:0% 0%(即坐标原点) 二、定位原理 (图一) 容器:background作用的元素,即其视口,超出该容器的部分,将被隐藏。 如(图一),以容器的起始点作为原点(0,0)绘制背景图片的起始位置坐标轴。 background-position将定义背景图片起始于坐标轴的哪个位置,浏览器将其他部分隐藏,仅显示容器内的背景内容。 例子: ...
background-position 属性设置背景图像的起始位置。这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。如果您仅规定了一个关键词,那么第二个值将是"center"。默认值:0% 0%。x% y 第一个值是水平位置,第二个值是垂直位置。左上角是 0% 0%。右...
position : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位置。必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
在下面的例子中,使用background-position属性来控制背景图片的位置,同时设置background-repeat为no-repeat;单位是像素;第一个数字表示水平(x轴)位置,第二个数字表示是垂直(y轴)位置:/* 例1:默认值 */。background-position: 0 0。/* 图片左上角对齐元素的左上角 */。/* 例2:把图片向...
background-position: center center; 1. 2. 设置背景位置 指定一个值 另一个默认居中 :粉色区域是盒子的区域 , 图片背景位于盒子的位置为 垂直方向位于顶部 , 水平方向居中 ; /* 设置背景位置 - 指定一个值 另一个默认居中 */ background-position: top; ...
background-position默认的定位为padding-box盒子的左上角。 图片 其属性值可设置为 (1)百分比(%) (2)像素(px) (3)位置(top | right | bottom | left | center) 在只设置一个值的时候,另外一个值默认为center或 50% 。 padding-box盒子的左上角坐标为 (0, 0) / (left, top),右下角为 (100, ...
也可以是负数。background-position: left -29px; 是背景位移,background-position后面有两个属性,第一个是水平位置,第二个是垂直方向的位置,这里需注意的是两个属性的顺序 比如:background-position: left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读)...