1、在test.html文件中，创建多个p标签，让页面产生滚动条。
2、在css样式中，使用background-image属性设置页面的背景图片为2.jpg，将background-repeat属性设置为no-repeat，让背景图片不重复显示。
3、在css样式中，再将background-attachment属性设置为fixed，实现当页面滚动时，背景图片在页面中固定不动。
4、在浏览器打开test.html文件，向下滚动页面，查看结果。
<div style="background: url(img.jpg) no-repeatheight: 500pxwidth: 500px">这里就可以写你的登录<form></form>了
<div>
no-repeat 背景不重复
背景图片可以放在body里面，也能放在DIV里面。都是可以显示的，这个看自己是对那个对象设置背景了。
显示不出背景图片的原因
1，你的背景图片的路径错了，导致图片显示不出来。
2，你背景图片的对象设置错了。
根据你设置的的CSS：/*登录界面背景样式*/
.login{
background-image:url(images/loginbg.jpg)
background-size:60% 100%
}
设置的是body的背景图片，对象是正确的。
按照你的代码，我演示的如图
修改下你图片的路径应该就能显示背景图片了。
