HTML的 <body> 标签有两个关于背景的属性，一个是 bgcolor（设置背景颜色）；另一个 background（设置背景图片）。下面通过实例来学习这两个属性。
bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>HTML背景颜色</title>
</head>
<body bgcolor="red">
<p>有红色的背景颜色哦</p>
</body>
</html>上面设置body的背景颜色为红色。
background属性
background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名，如：
<!-- 相对路径 -->
<body background="../images/html_tutorials/logo01.gif">
<!-- 绝对路劲 -->
<body background="https://www.test.com/html/gifs/logo01.gif">如果背景图片小于网页显示窗口，那么这个背景图片会自动重复。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>HTML背景图片</title>
</head>
<body background="https://www.hxstrive.com/cdn/resources/img_heart.png">
<p>如果图片比页面小，图片会自动重复。</p>
</body>
</html>建议
bgcolor和background这两个属性，在新的HTML标准(HTML 4 and XHTML)里已不建议使用，而建议用CSS（background元素）设置背景颜色和图片。为保证浏览器载入网页的速度，建议尽量不要使用字节过大的图片作为背景图片。一般情况下使用很小的图片，然后使这些图片按照X和Y轴进行重复。
川公网安备51010802032098
