html中手机端设置背景图

在编写HTML页面时，需要设置背景图来增强页面的美观程度。在移动端上，如何设置背景图呢？下面就来介绍两种方法。

  /* 第一种方法，使用background-image */
  body{
    background-image: url('图片链接');
    background-size: cover; /* 图片自适应屏幕 */
    background-repeat: no-repeat; /* 防止重复 */
  }

使用background-image设置背景图需要设置图片链接，可以是网络链接或本地路径。通过设置background-size将背景图自适应于屏幕大小，并通过background-repeat来防止重复显示。

  /* 第二种方法，使用CSS3属性linear-gradient */
  body{
    background: linear-gradient(to bottom,#色值1,#色值2);
    background-size: cover; /* 图片自适应屏幕 */
  }

CSS3属性linear-gradient也可以实现设置背景图的效果。

其中，to bottom表示背景色渐变的方向，#色值1和#色值2表示渐变的颜色。此方法不需要添加背景图片链接或路径，只需设置渐变的颜色即可。

以上两种方法都可以在HTML中设置移动端背景图，具体使用方法根据需求选择即可。