1、使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在元素中的坐标,例如background-position:20px 20px。2、使用预定义的关键字:指定背景图像在元素中的对齐方式。l 水平方向值:left、center、right。l 垂直方向值:top、center、bottom。3、使用百分比:按背景图像和元素的指定点对齐。l 0% 0% 表示...
很多小伙伴看到这个标题估计看都不想看,background-position这属性有啥可讲的嘛,都用过无数遍了,只不过我们大多数情况下都是用的简写方式background,比如这样: 代码语言:javascript 复制 .box{background:url('../images/bg.jpg')no-repeat center;} 最后的那个center其实就是background-position值,就是告诉浏览...
background-position属性用于设置背景图片的起始位置。 语法: background-position: x y; 属性值: x:水平方向的起始位置。可以使用具体的像素值(如10px),也可以使用百分比值(如50%)。默认值为50%。 y:垂直方向的起始位置。可以使用具体的像素值(如10px),也可以使用百分比值(如50%)。默认值为50%。 如果只指...
设置或检索对象的背景图像位置。必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值...
1.background-position:表示背景定位的属性。描述属性值时,有两种方式:一是像素描述;而是单位描述。 (1)像素描述: 格式如下: 属性值可以是正数,也可以是负数。比如:100px 200px、-50px -120px。 举例如下: (2)单词描述 格式如下: 描述左右的词:lef
background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 关键字成对出现left right top bottom center,如果仅指定一个关键字,其他值将会是"center" x% y%第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是...
(1)使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在标签中的坐标,例如“background-position:20px 20px;”。 (2)使用预定义的关键字:指定背景图像在标签中的对齐方式。 水平方向值:left、center、right 垂直方向值:top、center、bottom (3)使用百分比:按背景图像和标签的指定点对齐。 0% 0% 表...
CSS 中 background-position，让你的网页设计达到新的高度 背景位置（background-position）是 CSS 中一个非常重要的属性，它决定了背景图片的位置。它可以使用两个值来设置，分别表示背景图片的水平和垂直位置。背景位置的默认值是 0% 0%，表示背景图片位于元素的左上角。你可以使用关键字来设置背景位置，如 center...
A.该属性可有两个取值,第一个取值为背景图像与其容器在水平方向上的距离,第二个取值为背景图像与其容器在垂直方向上的距离B.若只有一个取值,则其第二个取值默认为50%C.若此取值用百分数表示,如:20% 60%,则表示此背景图像离其容器左边的距离为整个容器宽度的20%,离容器上边的距离为整个容器高度的60%D.若属性...