下载PDF文件
下载PDF文件
背景是一个网站最重要的元素之一。一个好的背景能创建网站的基调并衬托网站中的内容。有许多不同的方法来添加背景，每个都有不同的用途。有些方法可以让您把背景加在网站上的所有网页，而其他的方法只能用来设置特定的页面的背景。这篇文章教您如何使用HTML或CSS添加背景到您的网站。
步骤
纯色背景
-
纯色背景是您可以放上网站的最基本的背景。 事实上每一个网站开始都有默认的白色背景。然而，尽管在白色背景配上一个和谐的颜色方案看起来会很光滑干净，其它颜色的背景可能更适合不同的主题。 -
打开您的网页源代码。广告
在主体标签添加一个bgcolor属性 。现在您的主体标签看起来应该像这样: <body bgcolor="COLORNAME">
其中COLORNAME是颜色名称。COLORNAME可以填充多种类型的颜色代表。
-
1
-
<body bgcolor="red">(颜色名称) -
<body bgcolor="#FF0000">(十六进制值) -
<body bgcolor="rgb(255, 8, 9)">(RGB 值)
-
-
试验RGB，可以生成许多不太的颜色，您可以采取先易后难的方式。 但请记住，输入“群青偏蓝绿色”将生成白色。广告
添加背景图片
- 添加背景图像比添加单色背景稍微复杂一点。
把背景属性加入主体标签。它看起来像这样： <body background="SRC">
其中SRC是源图像。SRC可以在同一文件夹或其他文件夹或其他网页。
纯色背景
-
在CSS中要添加一个纯色背景，添加一个样式属性。 您也可以给出ID和类别，同时使用内部和外部的样式表。
-
您的主体标记看起来应该像这样:
-
<body style="background-color: COLORNAME;">
COLORNAME是颜色名称，十六进制值或RGB （记得HTML中纯色背景最后几步在这里也适用）。
广告 -
添加图片
-
要添加图片，添加样式属性身体标记。 您也可以给出ID和类别，同时使用内部和外部的样式表。
-
您的主体标记看起来应该像这样：
-
<body style="background-image:url('SRC'); ">
-
-
记住SRC是源图像。 SRC可以在同一文件夹或其他文件夹或其他网页。
-
<body style="background-image:red.gif;">(在同一文件夹中) -
<body style="background-image:\Folder1\red.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;">(背景垂直重复。)
-
固定图像背景
提示
- 阅读整篇文章：你省略的部分可能有一些重要的提示（这篇文章的各部分是相互参照的，最好每部分都读。
警告
- 两种HTML方法都已老旧，并可能无法用于HTML 4.01以及XHTML。
广告
广告
