html背景图片_CSS背景图片的使用

   背景图片的插入  

废话不多说，我们直接编写背景图片的代码标签background-image;

先来仔细观察编写的html和body的样式，保证我们每一条的设置都知道是什么意思

然后我们给body插入一个背景图

效果如下

我们可以看到整个页面都布满了图片

这是因为我们设置背景图片时，默认的图片插入方式是以平铺的方式插入

平铺的意思就是这张图片大小不变进行无限的重复排列

如果我们不想让图片进行平铺，那就要设置background-repeat:no-repeat;

效果如下

在实际的运用中，我们可以通过平铺的方式使我们不够大的图片铺满整个屏幕

如果我们要调整图片的位置，就要设置background-position;

它的属性值可以是左右，也可以是数值或百分制

效果如下

如果放在正中间，就要设置两个center即可

具体的设置我们之后的案例中再来细说

- End –

--- web分享，分享的不只是web