居中图片素材_30分钟学会网站布局

在css中，可以使用“-”属性使背景图片居中。 该属性用于设置背景图像的起始位置。 当该属性值为“”时，背景图像将水平和垂直居中显示。 语法“元素{-:}”。

本教程的运行环境：系统，CSS3&&HTML5版本，Dell G3电脑。

css中如何让背景图片居中

在css中，可以通过-属性来设置背景图片的位置。 以下示例说明了如何在 CSS 中使背景图像居中。

示例如下：

1. 创建一个名为 test.html 的新 HTML 文件，以说明如何在 CSS 中使背景图像居中。 使用 div 标签创建一个模块进行测试。 设置div标签的class属性为test，用于设置以下样式。

在css标签中，通过class设置div的样式，定义其宽度为300px，高度为300px，边框为1px灰色边框。

2、在css标签中，通过属性设置div的背景图片为1.jpg，使用-属性设置背景图片显示在中心（）。

在浏览器中打开test.html文件查看效果。

总结：

1.使用div标签创建一个模块，并设置div标签的class属性来测试设置以下样式。

2、在css标签中，通过class设置div的样式，定义其宽度为300px，高度为300px，边框为1px灰色边框。

3、在css标签中，通过属性设置div的背景图片为1.jpg，使用-属性设置背景图片显示在中心（）。