css怎么设置背景图片

html-css014

css怎么设置背景图片,第1张

css给标签设置背景图片是通过background属性实现的。当然用background-image更正式一些。

不管用上述那种方式书写值都是一样的,url("./image.png")。

括号里面的分号包裹的就是图片的路径。

当然,设置背景图的标签要有宽和高,不然背景图显示不出来。

1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。

2、然后建立一个html文档,将它和背景图片放到一个文件夹中。

3、编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。

4、就给div设置背景图片。

5、在浏览器中预览会发现图片平铺了,这不是想要的效果。

6、然后可以给div再加上属性,-moz-background-size:100% 100%background-size:100% 100%。

7、这样设置后就会发现背景图片拉伸至100%了。

background-attachment: 々々( 请自行带入 )

scroll: 背景图片随着页面滚动而滚动

fixed: 背景图片不会随着页面滚动而滚动

local: 背景图片会随着元素内容滚动而滚动

initial: 跟随默认值

inherit: 继承父级样式