如何给网站添加背景

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

=纯色背景

  • 01

    =

  • 02

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

  • 03

    打开您的网页源代码。

  • 04

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

  • 05

    (颜色名称) (十六进制值) (RGB 值)

  • 06

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

=添加背景图片

  • 01

    =

  • 02

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

  • 03

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

  • 04

    (在同一文件夹) (在不同的文件夹内) (在不同的网页)

  • 05

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

=纯色背景

  • 01

    =

  • 02

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

  • 03

    您的主体标记看起来应该像这样: COLORNAME是颜色名称,十六进制值或RGB (记得HTML中纯色背景最后几步在这里也适用)。

=添加图片

  • 01

    =

  • 02

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

  • 03

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

  • 04

    记住SRC是源图像。SRC可以在同一文件夹或其他文件夹或其他网页。 (在同一文件夹中) (在不同的文件夹内) (在不同的网页)

  • 05

    记住加入扩展名。

=重复图案背景

  • 01

    = 要做重复的图案背景,按上述步骤添加一个背景。现在您的主体标签一定改变为:,其中REPEAT-SETTINGS是设置。可能有很多重复设置,如:

  • 02

    (背景将垂直和水平重复。) (背景水平重复。) (背景垂直重复。)

=固定图像背景

  • 01

    =

  • 02

    固定图像背景看起来很酷,页面向下滚动时也不改变。为此您只需要对上面的代码做一些简单的调整。使主体标签成这样: SRC是背景图像的源件,POSITION是图像的位置(它的范围可以从中心到右上角);背景附件是这类背景的主要“催化剂” 。它是用来说明背景的位置,建议不要改变它。

    提示

    • 01

      阅读整篇文章:你省略的部分可能有一些重要的提示(这篇文章的各部分是相互参照的,最好每部分都读。

    (0)

    相关推荐

    • Word怎么添加背景图片?Word文档添加背景图的方法

      我们的word文档背影一般没有设置颜色,所以都显示白色.如果我们想来点新意,在自己经常需要浏览的文档里设置背景,如何操作呢?下面小编就给大家带来Word文档添加背景图的方法,一起来看看吧! 方法步骤: ...

    • 如何给自己的网站添加背景音乐

      现在的网页设计越来越普遍,现在小编就来为小伙伴们演示如何在网站添加背景音乐. 操作方法 01 在桌面新建一个文件夹,任意命名,里面再新建一个文件夹,取名music(一定要和你保存的网页在同一个文件夹内 ...

    • 如何在word中添加背景图片及背景颜色的教程

      word是我们经常办公需要用的办公软件,但是有的时候。因工作需要,我们需要为word文档添加一个背景的效果,达到一个视觉感观的体验。我们可以用来制造漂亮的背景图片或者为文本文档添加图片,这让读者在看这 ...

    • 如何给Excel添加背景图片(图文教程)

      经常在使用Excel表格时,肯定对表格那从没有变化过的白底背景产生了一定的厌恶,常常感慨为什么不能多一点新意呢?其实我们可以为Excel表格添加背景,让Excel表格重新焕发活力。 方法一 操作步骤 ...

    • 如何给WPS文档添加背景

      方法一、 1、点击菜单栏上的“视图→页眉页脚”,这时,光标会定位在页眉编辑区里。 2、在“绘图”工具栏里选择“矩形”工具,在页眉编辑区里画一个矩形,如图1所示: 图1 3、用鼠标拖动矩形的边框,改变刚 ...

    • ppt添加背景图片 office ppt背景图片如何添加

      ppt背景图片怎样添加呢,很多制作PPT人朋友都不会制作PPT背景哦,下面我来给大家详细介绍一下关于PPT增加背景的详细图片教程,有需要的朋友可参考参考。 1、运行Powerpoint软件。可以使用P ...

    • 用拍大师轻轻松松为视频字幕添加背景的方法

      用拍大师轻轻松松给视频字幕添加背景, 在很多电视节目中,我们都会看到半透明的字幕背景,这样既不会影响画面的动态效果,又可以对节目的插播内容用文字加以解释。举个简单的例子,观看快乐大本营时,观众就能经常 ...

    • 两招给WPS文档添加背景

      方法一、 1、点击菜单栏上的“视图→页眉页脚”,这时,光标会定位在页眉编辑区里。 2、在“绘图”工具栏里选择“矩形”工具,在页眉编辑区里画一个矩形,如图1所示: 图1 3、用鼠标拖动矩形的边框,改变刚 ...

    • 为Excel2010添加背景图片,让工作不再无趣

      经常在使用Excel表格时,肯定对表格那从没有变化过的白底背景产生了一定的厌恶,常常感慨为什么不能多一点新意呢?其实我们可以为Excel表格添加背景,让Excel表格重新焕发活力。 操作步骤 1、打开 ...