background:url(images/loginbackground.png)top no-repeat 0px 10px
等同与
background:url(images/loginbackground.png)top no-repeat
background-position: 0px 10px//水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素
***注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。
修改后:
首先你要知道要截取的图片在整张图片中的偏移量以及大小。然后:
<div style="width:wwwpxheight:hhhpxbackground:url(图片url) no-repeat -lllpx -tttpx"></div>
其中www是要截取的小图片的宽度,hhh则是高度;
lll是小图片的左边在大图片的偏移量,ttt则是上边的偏移量。
请注意负号不能省略!
如果您想让form元素向下对齐,您可以使用CSS的margin属性,例如:cssCopy code
form {
margin-top: 50px
}
这样,您的form元素将会向下移动50像素。您可以通过修改数值来调整它的位置。
需要注意的是,您可能需要为form元素设置明确的宽度和高度,以便确定它的显示位置。可以使用如下代码:
cssCopy code
form {
width: 500px
height: 200px
margin-top: 50px
}
这样,form元素将会是一个宽度为500像素,高度为200像素的矩形,并且向下移动50像素。