900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html背景图片css怎么添加 css样式怎么插入背景图片?

html背景图片css怎么添加 css样式怎么插入背景图片?

时间:2019-04-04 00:34:10

相关推荐

html背景图片css怎么添加 css样式怎么插入背景图片?

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中文网 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。