[分享]css中将图像设为背景图

CSS是网页设计过程中不可缺少的一部分，其中将图像设为背景图也是其中重要的一环。当我们想要将一个图像作为网页背景时，CSS代码需要设置如下：body{ backgroundimage:url(exam...

CSS是网页设计过程中不可缺少的一部分，其中将图像设为背景图也是其中重要的一环。

当我们想要将一个图像作为网页背景时，CSS代码需要设置如下：

body{
    background-image:url('example.jpg');
    background-repeat:no-repeat;
    background-size:cover;
} 

上述代码中：

第一行表示将该样式应用于整个页面的body元素。

第二行中，我们使用background-image属性将example.jpg作为background-image设置为网页的背景图。

第三行中，我们使用background-repeat属性来设置背景图像不重复出现。我们通常在这里使用“no-repeat”这个值（如果想要使背景重复出现，则可以使用“repeat”或“repeat-x”或“repeat-y”）。

第四行中，我们使用background-size属性来设置背景图像的大小。我们通常会把background-size值设置为“cover”或“contain”。

使用“cover”值会使背景图像完全覆盖背景区域，可能会裁剪掉部分图像。而使用“contain”值则会使整个背景图像都保留在可视区域内，但是背景有可能会露出。

因此，根据不同的需求，可以选择使用不同的值来更好地调整背景图像的大小。