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="../images/html_tutorials/background.jpg"> <p>如果图片比页面小，图片会自动重复。</p> </body> </html>
建议
bgcolor和background这两个属性，在新的HTML标准(HTML 4 and XHTML)里已不建议使用，而建议用CSS（background元素）设置背景颜色和图片。为保证浏览器载入网页的速度，建议尽量不要使用字节过大的图片作为背景图片。一般情况下使用很小的图片，然后使这些图片按照X和Y轴进行重复。
川公网安备51010802032098
