如何用HTML和CSS设置网站背景图标

要将图标设置为网站背景，可以使用CSS的background属性来实现。以下是一个示例的HTML和CSS代码：

HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>网站背景图标示例</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <div class="content">
    <h1>这是网站的内容</h1>
    <p>这是一些文本内容。</p>
  </div>
</body>
</html>

CSS代码（styles.css）：

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

在上述代码中，我们将图标文件命名为'icon.png'，并在CSS中使用`background-image`属性将其设置为背景图像。`background-repeat`属性设置为'no-repeat'，这样图标将不会重复显示。`background-size`属性设置为'cover'，以确保图标被完整地覆盖在整个背景上。

请确保将图标文件（icon.png）放置在与HTML文件相同的目录下，并将CSS文件（styles.css）保存在与HTML文件相同的目录下。