站长百科 | 数字化技能提升教程 数字化时代生存宝典 
HTML背景是由CSS来定义的，主要用于设定HTML元素的背景效果。这包括背景颜色、背景图片、背景重复方式、背景附件、背景位置和背景大小等属性。一个富有美感的背景会让站点看上去更加高级、更有吸引力。本篇教程为大家分享HTML背景颜色和背景图片代码如何使用。
<body> 拥有两个配置背景的标签，一个是颜色，另一个是图像。
一、背景颜色
在 HTML 中，使用 <body> 标签的 bgcolor 属性可以指定页面的背景颜色。
示例代码：
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
以上的代码均将背景颜色设置为黑色。
1、十六进制数表示的颜色值，比如 #000000 表示黑色。
2、RGB 值表示的颜色值，比如 rgb(0,0,0) 也表示黑色。
3、颜色名，比如 black 代表黑色。
二、背景图片
在 HTML 中可以使用 background 属性来将背景设置为图像，并指定图像的 URL。如果所设置的背景图像尺寸小于浏览器窗口，该图像将会在整个浏览器窗口中进行复制。
示例代码：
<body style="background:url('image.jpg')">
在这个例子中，background 属性指定了背景图像的 URL，假设图像文件名为 image.jpg。当页面加载时，该图像将被设置为整个页面的背景，并且如果图像尺寸小于浏览器窗口的话，图像将会在整个窗口中进行复制以填满整个背景区域。
URL可以是相对地址，如第一行代码，也可以使绝对地址，如第二行代码。使用背景图片时建议注意以下事项：
1、页面加载时间：确保背景图像的文件大小合理，不要超过 10k，以免增加页面加载时间，特别是对于移动设备用户而言更为重要。
2、图像搭配：背景图像应该与页面中的其他元素和图像搭配良好，不要与其他图像或元素产生视觉冲突。
3、文字颜色对比度：确保背景图像不会影响文字的可读性，选择合适的文字颜色以确保在背景图像上清晰可见。
4、平铺效果：如果背景图像被平铺，确保平铺后的效果看起来自然而美观。
5、注意力分散：背景图像不应该夺取页面中其他重要内容的注意力，而是应该起到装饰和衬托的作用。
