如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。 如果设置值为 right center ,因为 right 作为横坐标值将会覆盖 center 值,所以背景图片将被居右定位。 对应的脚本特性为 backgroundPosition。 注:本文中使用的图片大小为 300px*120px,为了能很清晰的...
inherit 指定background-repea属性设置应该从父元素继承 4.background-position背景定位 background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 关键字成对出现left right top bottom center,如果仅指定一个关键字,其他值将会是...
position : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位置。必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,...
【重点】背景定位(background-position) background-position 属性用来控制背景图片在元素中的位置。技巧是,实际上指定的是图片左上角相对于元素左上角的位置。 下面的例子中,设置了一个背景图片并且用 background-position 属性来控制它的位置,同时也设置了 background-repeat 为 no-repeat。计量单位是像素。第一个...
1、使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在元素中的坐标,例如background-position:20px 20px。2、使用预定义的关键字:指定背景图像在元素中的对齐方式。l 水平方向值:left、center、right。l 垂直方向值:top、center、bottom。3、使用百分比:按背景图像和元素的指定点对齐。l 0% 0% 表示...
CSS背景定位属性background-position可以用来设置背景图像的位置。 可以使用以下值来设置background-position属性: 关键字:left、center、right、top、bottom,分别表示背景图像在容器内的左、中、右、上、下位置。 百分比值:使用百分比值来设置背景图像的位置,例如50% 50%表示背景图像在容器的中心位置。 像素值:使用像素...
如果只指定一个值,则该值将应用于水平和垂直方向的起始位置。 示例: background-position: 0 0; // 将背景图片的起始位置设置为左上角 background-position: center; // 将背景图片的起始位置设置为居中 background-position: right bottom; // 将背景图片的起始位置设置为右下角 background-position: 20% 40...
CSS background-position 属性实例 如何定位 background-image: body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } 尝试一下 » 标签定义及使用说明background-position 属性设置背景图像的起始位置。
你对CSS中background-position属性是否了解,该属性定位不受对象的补丁属性(padding)设置影响。默认值为:0%0%。此时背景图片将被定位于对象不包括补丁(padding)的内容区域的左上角。 本文向大家描述一下CSS中background-position属性的用法,该属性用来设置或检索对象的背景图像位置,必须先指定background-image属性,并且该...
(1)使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在标签中的坐标,例如“background-position:20px 20px;”。 (2)使用预定义的关键字:指定背景图像在标签中的对齐方式。 水平方向值:left、center、right 垂直方向值:top、center、bottom (3)使用百分比:按背景图像和标签的指定点对齐。 0% 0% 表...