Question

在网页设计中怎么让背景图片水平居中

要看清楚哦！
1、背景图片
2、水平居中，不是垂直居中。
3、css，js都可以
谢谢咯

Answer 1

CSS使网页背景图片居中的三种方法。
1、第一种：用像素设定，很多都用这种，但是也是最麻烦的：
<div style="width:800px;height:600px;background:url(图片地址) no-repeat 250px 270px;border:1px solid #cccccc;"></div>

2、第二种：用50%设定，很方便。
<div style="width:800px;height:600px;background:url(图片地址) no-repeat 50% 50%;border:1px solid #cccccc;"></div>

3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。
<div style="width:800px;height:600px;background:url(图片地址) no-repeat center center;border:1px solid #cccccc;"></div>

Answer 2

background-image:url(/images/bg.jpg); /*背景图片*/
background-repeat:no-repeat; /*背景图片不重复*/
background-position:center top; /*水平居中，垂直顶对齐*/

Answer 3

background:url(bg.jpg)
no-repeat
center
center;
:no-repeat为背景图不重复，最好是满足1280宽度的分辨率下位满屏，图片可以宽度为1280像素，第一个center为水平居中，第二个center为垂直居中，第二个center换成top也就是顶部显示背景图。

Answer 4

用CSS即可，也可以在图片的层上加句center即可。这是最简单的。

Answer 5

点中图片，然后选择位置居中就可以了。