如何给网站添加背景

方法 1HTML方式

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

在主体标签添加一个bgcolor属性。现在您的主体标签看起来应该像这样:<body bgcolor="COLORNAME"> 其中COLORNAME是颜色名称。COLORNAME可以填充多种类型的颜色代表。

1
- <body bgcolor="red">(颜色名称)
- <body bgcolor="#FF0000">(十六进制值)
- <body bgcolor="rgb(255, 8, 9)">(RGB 值)
2
但请记住，输入“群青偏蓝绿色”将生成白色。

添加背景图片

添加背景图像比添加单色背景稍微复杂一点。

把背景属性加入主体标签。它看起来像这样：<body background="SRC">其中SRC是源图像。SRC可以在同一文件夹或其他文件夹或其他网页。

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

方法 2CSS方法

您也可以给出ID和类别，同时使用内部和外部的样式表。

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

添加图片

1
您也可以给出ID和类别，同时使用内部和外部的样式表。
2
- <body style="background-image:url('SRC'); ">
3
SRC可以在同一文件夹或其他文件夹或其他网页。
- <body style="background-image:red.gif;">(在同一文件夹中)
- <body style="background-image:Folder1red.gif">(在不同的文件夹内)
- <body style="background-image:imagepage1/red.gif">(在不同的网页)
4
记住加入扩展名。

重复图案背景

要做重复的图案背景，按上述步骤添加一个背景。现在您的主体标签一定改变为:<body style="background-image: url('SRC'); background-repeat:REPEAT-SETTINGS; ">，其中REPEAT-SETTINGS是设置。可能有很多重复设置，如：

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是图像的位置（它的范围可以从中心到右上角）;背景附件是这类背景的主要“催化剂” 。它是用来说明背景的位置，建议不要改变它。