如何给网站添加背景|go2miss

背景是一个网站最重要的元素之一。一个好的背景能创建网站的基调并衬托网站中的内容。有许多不同的方法来添加背景，每个都有不同的用途。有些方法可以让您把背景加在网站上的所有网页，而其他的方法只能用来设置特定的页面的背景。这篇文章教您如何使用HTML或CSS添加背景到您的网站。
 ## 步骤

### 1 纯色背景是您可以放上网站的最基本的背景。
事实上每一个网站开始都有默认的白色背景。然而，尽管在白色背景配上一个和谐的颜色方案看起来会很光滑干净，其它颜色的背景可能更适合不同的主题。

### 2 打开您的网页源代码。

### 1 
<body bgcolor="red">(颜色名称)
<body bgcolor="#FF0000">(十六进制值)
<body bgcolor="rgb(255, 8, 9)">(RGB 值)

### 2 试验RGB，可以生成许多不太的颜色，您可以采取先易后难的方式。
但请记住，输入“群青偏蓝绿色”将生成白色。

### 1 
<body background="red.gif">(在同一文件夹)
<body background="\Folder1\red.gif">(在不同的文件夹内)
<body background="imagepage1/red.gif">(在不同的网页)

### 2 记住输入.gif/ .jpeg /.bmp扩展名。

## 步骤

### 1 在CSS中要添加一个纯色背景，添加一个样式属性。
您也可以给出ID和类别，同时使用内部和外部的样式表。

### 2 您的主体标记看起来应该像这样:

<body style="background-color: COLORNAME;">
COLORNAME是颜色名称，十六进制值或RGB （记得HTML中纯色背景最后几步在这里也适用）。

### 1 要添加图片，添加样式属性身体标记。
您也可以给出ID和类别，同时使用内部和外部的样式表。

### 2 您的主体标记看起来应该像这样：

### 3 记住SRC是源图像。
SRC可以在同一文件夹或其他文件夹或其他网页。
<body style="background-image:red.gif;">(在同一文件夹中)
<body style="background-image:\Folder1\red.gif">(在不同的文件夹内)
<body style="background-image:imagepage1/red.gif">(在不同的网页)

### 4 记住加入扩展名。

### 1 
<body style="background-image: red.gif; background-repeat: repeat;">(背景将垂直和水平重复。)
<body style="background-image: red.gif; background-repeat: repeat-x;">(背景水平重复。)
<body style="background-image: red.gif; background-repeat: repeat-y;">(背景垂直重复。)

### 1 固定图像背景看起来很酷，页面向下滚动时也不改变。
为此您只需要对上面的代码做一些简单的调整。使主体标签成这样：
<body style="background-image:url('SRC'); background-attachment:fixed; background-position:POSITION; background-repeat:REPEAT SETTINGS;">
SRC是背景图像的源件，POSITION是图像的位置（它的范围可以从中心到右上角）;背景附件是这类背景的主要“催化剂” 。它是用来说明背景的位置，建议不要改变它。