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前端知识,请查阅 HTML中文网 !!