html body 背景图(background)和背景颜色(bgcolor)属性实例讲解

作者:IT技术 | 时间:2018-11-19

Html文档可以通过body的background来设置背景图片,还可以用bgcolor属性来设备背景颜色,下面通过实例演示下。

 html  body background属性

body background属性可以添加背景图片到 HTML 页面中

示例代码:

<html>
<body background="/i/eg_background.jpg">
<h3>图像背景实例演示</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果图像小于页面,图像会进行重复。</p>
</body>
</html>

执行后效果如下:

html body 背景图(background)和背景颜色(bgcolor)属性实例讲解

html  body bgcolor属性

html  body bgcolor属性可以用来为 HTML 页面添加背景颜色

实例代码:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(www.woyoudaan.cn)</title> 
</head>
<body bgcolor="#E6E6FA">

<h1>Hello world!</h1>
<p><a href="http://www.woyoudaan.cn/">访问 我有答案!</a></p>

<p><b>注意:</b>如果使用颜色名,不同浏览器的渲染结构不一样,如果使用RGB代码,火狐浏览器无法显示正确颜色。</p>

<p><b>提示:</b> 如果所有浏览器要显示相同颜色,要使用十六进制的颜色代码。</p>
</body>
</html>

执行后效果如下:

html body 背景图(background)和背景颜色(bgcolor)属性实例讲解

通过上面的实例,你掌握了html body 背景图(background)和背景颜色(bgcolor)属性的怎么使用了吗?