建设网站添加纯色背景和图像

一个良好的背景,创建网站的基调和补充的内容。有许多不同的方法来增加的背景下,每一个不同的目的方式。一些方法,让你在网站的所有网页申请的背景,而另一些限制只有某些页面的背景。这篇文章教你如何添加背景到您的网站使用HTML或CSS。

HTML方法

纯色背景

一个纯色背景的背景是最基本的类型,你可以把网站上。事实上,每一个网站开始使用默认的白色背景。然而,当一个白色背景可以很光滑,清洁与和谐的色彩计划时,不同颜色的背景可能与不同主题的青睐。

打开您的网页代码(源)。在body标签中,添加一个名为bgcolor 一个属性。现在,你的body标记看起来应该<body bgcolor="COLORNAME"> COLORNAME是颜色的名称。COLORNAME可以充满颜色多种类型的代表

<body bgcolor="red">(颜色名称)
<body bgcolor="#FF0000">(十六进制值)
<body bgcolor="rgb(255, 8, 9)">(RGB值)
试验RGB和#可导致许多阴影,但你可以采取先易方式。但要记住,键入“群青蓝绿色”作为一种罕见的颜色会导致白色。
添加背景图像

添加背景图像略微超过了坚实的彩色背景复杂。
背景属性添加到body标签,所以它看起来像<body background="SRC"> 其中SRC是源图像的SRC可以在同一文件夹,或另一个文件夹/网页。

<body background="https://www.yiyada.com/red.gif">(在同一文件夹中)
<body background="https://www.yiyada.com/Folder1/red.gif">(一个不同的文件夹内)
<body background="https://www.yiyada.com/imagepage1/red.gif">(在不同的网页)
记住类型的GIF / JPEG 扩展。

编辑CSS方法

纯色背景

要在CSS中添加了坚实的彩色背景,添加一个样式属性 。你也可以给ID和Classes 类,并使用外部和内部的样式表。
你的身体标记看起来应该像这样
<body style="background-color: COLORNAME;">
COLORNAME是名称的颜色,十六进制值或RGB(还记得在HTML中的固体彩色背景的最后一个步骤,都适用)。
添加图像

要添加图像,添加body标签的样式属性。你也可以给ID和类,并使用外部和内部的样式表。
你的body标记应该是这个样子的
<body style="https://www.yiyada.com/background-image:url('SRC'); ">
请记住,SRC源。它可以从同一个文件夹,不同的文件夹或不同的网页。
#* <body style="background-image:https://www.yiyada.com/red.gif;">(在同一文件夹中)
<body style="background-image:https://www.yiyada.com/Folder1/red.gif">(一个不同的文件夹内)
<body style="background-image:https://www.yiyada.com/imagepage1/red.gif">(在不同的网页)。
记住要添加的扩展。

重复图案的背景

为 了使一个重复的格局背景,添加背景,在上述步骤中说。现在必须改变你的身体标记,<body style="background-image: url('SRC'); background-repeat:REPEAT-SETTINGS; ">重复设置的设置。可以有很多的重复设置, 如
<body style="background-image: https://www.yiyada.com/red.gif; background-repeat: repeat;">(背景重复纵向和横向)。
<body style="background-image: https://www.yiyada.com/red.gif; background-repeat: repeat-x;">(背景重复水平。)
<body style="background-image: https://www.yiyada.com/red.gif; background-repeat: repeat-y;">(背景将垂直重复。)

固定图像的背景

固定的形象背景看起来很酷,不改变,你向下滚动。要做到这些,你只需要在上面的部分代码做一些简单的调整。做了调整,使像body标签的外观
<body style="background-image:url('SRC'); background-attachment:fixed; background-position:POSITION; background-repeat:REPEAT SETTINGS;">
其中SRC是背景图片的来源,位置是在位置的图像(它的范围可以从中心到右上角);它是用来告诉背景的立场和建议,它不应该改变 。