在css中，给html元素添加背景图，主要通过background-image属性来设置。background-image属性设置一个元素的背景图像；默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。

css样式怎么插入背景图片？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在css中，给html元素添加背景图，主要通过background-image属性来设置。

background-image 属性设置一个元素的背景图像。

元素的背景是元素的总大小，包括填充和边界(但不包括边距)。

默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，可以使用背景色带代替。

示例：

CSS样式代码：

.backimage {

/*设置图片大小*/

width: 980px;

height: 200px;

/*背景图像将仅显示一次 no-repeat*/

background-repeat: no-repeat;

/*添加您要添加的背景图片*/

background-image: url('Images/reg_bg.gif');

/*图片居中*/

margin: auto;

}

.backtable {

margin-top: 40px;

/*向上浮动*/

float: left;

}

HTML代码：

附上效果图：

更多web前端知识，请查阅 DMOZ中文网站分类目录 ！！