重拾html-5-070121

最新推荐文章于 2023-12-15 16:23:47 发布

原创最新推荐文章于 2023-12-15 16:23:47 发布 · 705 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#html #浏览器

web编程专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何使用HTML中的<body>标签来设置网页背景颜色、背景图片及文字颜色，包括链接颜色的不同状态。

4.7 背景标签 <回细说索引>

【背景标签】

说穿了，背景标签只有<BODY>这个标签，其余的效果，只要加上一些简单的属性便可做到。

使用方法：<body bgcolor="#ffffff" background="bg.jpg">

标签解说：这个标签其实应该老早就要讲了，毕竟它是构成网页不可或缺的基本要素之一（哎哎哎...现在放马后炮有什么用！）。我们背景颜色或图片的设定以及连结字体的颜色，通通都放在<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>

呈现结果

按下此处观看结果

【内文、连结文字颜色设定】

使用方法：<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000>

标签解说：用字体标签中的颜色属性，可以设定文字的颜色，不过，却没有提到文字的颜色内定值该如何修改，这个<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="index.htm">连结文字</a>

</body>
</html>

呈现结果

按下此处观看结果（设定连结为橘色）

连结时颜色

用法：<body alink="颜色码">
设定“按下连结”的颜色，也就是当您滑鼠按下那连结的瞬间所呈现的颜色。

原始码

<html>
<head>
<title>这是标题</title>
</head>

<body alink="#0099ff">

<a href="index.htm">连结中文字</a>

</body>
</html>

呈现结果

按下此处观看结果（滑鼠点下连结瞬间才会出现我们设定的浅蓝色）

已连结颜色

用法：<body vlink="颜色码">
设定“按下链结后”的颜色，也就是如果该连结已经有被按过了，那么就会呈现的颜色。如此的做法，是要让使用者容易识别到底哪些连结有去过了，哪些没去过。

原始码

<html>
<head>
<title>这是标题</title>
</head>

<body vlink="red">

<a href="demo1-10-6.htm">连结文字</a>

</body>
</html>

呈现结果

按下此处观看结果（设定已执行过的连结以红色显示）

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。