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

2024-12-28 07:36:33
推荐回答(5个)
回答1:

CSS使网页背景图片居中的三种方法。
1、第一种:用像素设定,很多都用这种,但是也是最麻烦的:



2、第二种:用50%设定,很方便。


3、第三种:用center设定(注:第2个center可以省略,因为默认就是center)。

回答2:

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

回答3:

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

回答4:

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

回答5:

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