转自：https://i.cnblogs.com/posts?categoryid=1121494
您是否老觉得网页「空空的」，没错！一个可能是我们还没有很多内容，另一个可能则是我们还没有设定网页背景。网页背景有这么神奇的功效吗？当然，网页背景是整个网页设计重要的一环，一个设计精美的网站，莫不费尽心思，让网页背景能够和前景图文相结合，做出网页整体感的效果。
【背景卷标】
说穿了，背景卷标只有<BODY>这个卷标，其余的效果，只要加上一些简单的属性便可做到。
1. 使用方法：<body bgcolor=#ffffff background=bg.jpg>
2. 卷标解说：这个卷标其实应该老早就要讲了，毕竟它是构成网页不可或缺的基本要素之一（哎哎哎...现在放马后炮有什么用！）。我们背景颜色或图片的设定以及连结字体的颜色，通通都放在<body>这卷标里面。工友就其属性来一一解说：
| 背景颜色 | 用法：<body bgcolor=颜色码>设定背景颜色。有人会说：『我已经设定了背景图片，那背景颜色还有用吗？』当然有用！当使用者连结到贵站时，若背景图案还没传输完之前（有的背景图蛮大的），就会先显现背景颜色，您说，是不是比一片灰灰的好看多了呢！ |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body bgcolor=#f9e6a2> 这里是本文区 </body> </html> |
| 呈现结果 |
| 背景图片 | 用法：<body background=图文件名称、路径>g设定背景图案。图档可以是jpg或gif格式的图档，工友建议：图档不要太大，否则网页加载会蛮慢的。 |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body background=bg.jpg> 这里是本文区 </body> </html> |
| 呈现结果 |  |
【内文、连结文字颜色设定】
1. 使用方法：<body text=#000000 link=#0000ff vlink=#ff00ff alink=#ff0000>
2. 卷标解说：用字体卷标中的颜色属性，可以设定文字的颜色，不过，却没有提到文字的颜色内定值该如何修改，这个<body>卷标中，便有设定内文、连结等文字的颜色内定值功能。用法如下：
| 內文颜色 | 用法：<body text=颜色码>设定一般文字颜色，也就是说，若没有特别去设定文字颜色的话，浏览器就会自动显现您所设定的颜色。 |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body text=#0906a2> 这里是文本区 </body> </html> |
| 呈现结果 | 这里是文本区 |
| 连接颜色 | 用法：<body link=颜色码>设定「连结」的颜色。只要是有连结的地方就会出现你指定的颜色，当然，如果按下连结后，那又会变成另一个颜色了，这底下会说明。 |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body link=#ff6600> <a href=http://www.wrclub.net>连结文字</a> </body> </html> |
| 呈现结果 | 连结文字 |
| 连结时颜色 | 用法：<body alink=颜色码>设定「按下连结」的颜色，也就是当您鼠标按下那连结的瞬间所呈现的颜色。 |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body alink=#0099ff> <a href=http://www.wrclub.net>连结中文字</a> </body> </html> |
| 呈现结果 | 连结中文字（这个效果请大家在自己的电脑上试验！鼠标点下连结瞬间才会出现我们设定的浅蓝色） |
| 已连结顏色 | 用法：<body vlink=颜色码>设定「按下链接后」的颜色，也就是如果该连结已经有被按过了，那么就会呈现的颜色。如此的做法，是要让使用者容易识别到底哪些连结有去过了，哪些没去过。 |
| 原始码 | <html> <head> <title>这是标题</title> </head> <body vlink=red> <a href=http://www.wrclub.net>连结文字</a> </body> </html> |
| 呈现结果 | 连结中文字（这个效果请大家在自己的电脑上试验！设定已执行过的连结以红色显示） |