[分享]css中怎么将图片设为背景

在网页设计中，背景图经常被用来增加页面的美观度和个性化特色。如何在CSS中把图片设置为背景呢？下面我们一起来看看。首先，我们需要为背景图设定一个选择器。这个选择器可以是body，也可以是一个div，具...

在网页设计中，背景图经常被用来增加页面的美观度和个性化特色。如何在CSS中把图片设置为背景呢？下面我们一起来看看。
首先，我们需要为背景图设定一个选择器。这个选择器可以是body，也可以是一个div，具体取决于你想要设定的背景图的范围。例如，我们选择body作为选择器。代码如下：

body {
  background-image: url('图片链接');
} 

其中，background-image属性值设定为url('图片链接')，引号内填写你想要设定的背景图片的URL链接。需要注意的是，这个URL链接必须是有效的，否则图片无法正确加载。
除了background-image属性，我们还可以设定其他与背景相关的属性。例如，可以设定背景图片的重复模式、位置、尺寸等等。

body {
  background-image: url('图片链接');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
} 

在这个例子中，我们设定了背景图片的重复模式为不重复（no-repeat），背景图片的位置为居中（center），背景图片的尺寸为全屏（cover）。
需要注意的是，背景图片的尺寸设定为cover时，会根据屏幕大小等比例缩放图片，以使图片始终充满屏幕。如果希望图片按固定比例缩放，可以将属性设定为contain。
总之，设定背景图需要用到background-image属性，同时可以加上其他与背景相关的属性，如background-repeat、background-position、background-size等等，以满足你对背景图片的个性化需求。