CSS使网页背景图片居中的三种方法。
1、第一种:用像素设定,很多都用这种,但是也是最麻烦的:
background-image:url(/images/bg.jpg); /*背景图片*/
background-repeat:no-repeat; /*背景图片不重复*/
background-position:center top; /*水平居中,垂直顶对齐*/
background:url(bg.jpg)
no-repeat
center
center;
:no-repeat为背景图不重复,最好是满足1280宽度的分辨率下位满屏,图片可以宽度为1280像素,第一个center为水平居中,第二个center为垂直居中,第二个center换成top也就是顶部显示背景图。
用CSS即可,也可以在图片的层上加句center即可。这是最简单的。
点中图片,然后选择位置居中就可以了。