你可以使用 top、bottom、left、right 和center 这些关键字来指定背景图像的位置。例如: css background-position: top left; /* 背景图像位于左上角 */ background-position: center center; /* 背景图像位于中心 */ 2. 使用百分比 百分比值是相对于背景定位区域(即元素的内边距框)的大小来计算的。例如: cs...
background-position background-position该属性用于指定背景图片相对于背景图片容器的位置(忽略背景图片容器的padding),值(水平 垂直)有三种格式: 指定该属性之前,一定要指定background-img属性。 1. 数值+单位,例如:0px 0px 是以背景容器的左上角为坐标原点,指定背景图片左上角的位置。 2. top|bottom|left|right...
必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。 如果设置值为 ...
必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。 如果设置值为 ...
inherit 指定background-repea属性设置应该从父元素继承 4.background-position背景定位 background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 关键字成对出现left right top bottom center,如果仅指定一个关键字,其他值将会是...
background-position属性被指定为一个或多个<position>值,用逗号分隔。 值 <position>是一个<position>,一到四个距元素边界2D位置的数值。可以给出相对值或绝对值。注意位置可以设置在盒模型外。 1值语法:值可能是: 关键字值center,它是图像的中心。
如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions inherit 指定background-position属性设置应该从父元素继承在线实例如何设置页面背景图像 这个例子演示了如何在页面上设置background-image。如何使用%来定位背景图像 这个例子演示了如何使用%设置页面上的图像位置。
设置背景位置 指定一个值 另一个默认居中 :粉色区域是盒子的区域 , 图片背景位于盒子的位置为 垂直方向位于顶部 , 水平方向居中 ; /* 设置背景位置 - 指定一个值 另一个默认居中 */ background-position: top; 1. 2. 2、完整代码示例 完整代码示例 : ...
background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。 在下面的例子中,使用background-position属性来控制背景图片的位置,同时设置background-repeat为no-repeat;单位是像素;第一个数字表示水平(x轴)位置,第二个数字表示是垂直(y轴)位置: ...
如果指定:background-position: right right;就是右对齐,垂直居中对齐 如果指定:background-position: left right;其实这两个值都是在横坐标上的作用,right会覆盖left属性,所以最后显示的还是就是右对齐,垂直居中对齐。 除了left center right 还有TOP bottom,这两个分别是顶部对齐,底部对齐. ...