Question

css如何使背景图片水平居中

例如
background:url(111.jpg) no-repeat *****;
*****处填什么能让背景图片水平居中？

Answer 1

方法和详细的操作步骤如下：

1、第一步，打开前端开发工具，然后创建一个新的html代码页，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，创建一个div标签以设置html代码页的背景色，然后将class
 =“ bg-img”添加到标签中，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，设置背景图片，创建一个样式标签，然后设置背景图像、该图像不重复以及标签中bg-img的类的宽度和高度，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，保存html代码，然后使用浏览器打开，浏览器上的背景图像将显示在左上角，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，返回html代码页，在bg-img类中添加background-position：center属性，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，保存html代码并刷新浏览器，会发现浏览器上的背景图像已自动水平居中，见下图。这样，就解决了这个问题了。

Answer 2

CSS中定位背景图片的属性是：background-position，用法background-position 属性设置背景图像的起始位置。

你要水平居中可以：

div{background-position:center center}//第一个center是水平居中，第二个center是上下居中

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

Answer 3

2个 "center" 前一个表示横向居中，后一个表示纵向居中

Answer 4

background:url(111.jpg) no-repeat center center;

Answer 5

background：url(图片) center top no-repeat；