如何给网站添加背景
- 学习教育
- 关注:8.51K次
方法1:HTML方式
1、纯色背景是您可以放上网站的最基本的背景。事实上每一个网站开始都有默认的白色背景。然而,尽管在白色背景配上一个和谐的颜色方案看起来会很光滑干净,其它颜色的背景可能更适合不同的主题。
2、打开您的网页源代码。
在主体标签添加一个bgcolor属性 。现在您的主体标签看起来应该像这样:<body bgcolor="COLORNAME">
其中COLORNAME是颜色名称。COLORNAME可以填充多种类型的颜色代表。
1、<body bgcolor="red">
(颜色名称)
<body bgcolor="#FF0000">
(十六进制值)
<body bgcolor="rgb(255, 8, 9)">
(RGB 值)
2、试验RGB,可以生成许多不太的颜色,您可以采取先易后难的方式。但请记住,输入“群青偏蓝绿色”将生成白色。
添加背景图片
添加背景图像比添加单色背景稍微复杂一点。把背景属性加入主体标签。它看起来像这样:<body background="SRC">
其中SRC是源图像。SRC可以在同一文件夹或其他文件夹或其他网页。
1、<body background="red.gif">
(在同一文件夹)
<body background="Folder1ed.gif">
(在不同的文件夹内)
<body background="imagepage1/red.gif">
(在不同的网页)
2、记住输入.gif/ .jpeg /.bmp扩展名。
方法2:CSS方法
1、在CSS中要添加一个纯色背景,添加一个样式属性。您也可以给出ID和类别,同时使用内部和外部的样式表。
2、您的主体标记看起来应该像这样:<body style="background-color: COLORNAME;">
COLORNAME是颜色名称,十六进制值或RGB (记得HTML中纯色背景最后几步在这里也适用)。
添加图片
1、要添加图片,添加样式属性身体标记。您也可以给出ID和类别,同时使用内部和外部的样式表。
2、您的主体标记看起来应该像这样:<body style=";'SRC'); ">
3、记住SRC是源图像。SRC可以在同一文件夹或其他文件夹或其他网页。<body>
(在同一文件夹中)
<body>
(在不同的文件夹内)
<body>
(在不同的网页)
4、记住加入扩展名。
重复图案背景
要做重复的图案背景,按上述步骤添加一个背景。现在您的主体标签一定改变为:<body style=";'SRC'); background-repeat:REPEAT-SETTINGS; ">
,其中REPEAT-SETTINGS是设置。可能有很多重复设置,如:
1、<body>
(背景将垂直和水平重复。)
<body>
(背景水平重复。)
<body>
(背景垂直重复。)
固定图像背景
1、固定图像背景看起来很酷,页面向下滚动时也不改变。为此您只需要对上面的代码做一些简单的调整。使主体标签成这样:<body style=";'SRC'); background-attachment:fixed; background-position:POSITION; background-repeat:REPEAT SETTINGS;">
SRC是背景图像的源件,POSITION是图像的位置(它的范围可以从中心到右上角);背景附件是这类背景的主要“催化剂” 。它是用来说明背景的位置,建议不要改变它。
提示
阅读整篇文章:你省略的部分可能有一些重要的提示(这篇文章的各部分是相互参照的,最好每部分都读。警告两种HTML方法都已老旧,并可能无法用于HTML 4.01以及XHTML。
- 文章版权属于文章作者所有,转载请注明 https://dongkepu.com/xuexijiaoyu/yr9my5.html