背景设置
- 背景有两种方式可以实现：一种是通过颜色，另外一种是通过图片
方式一：通过颜色设置背景
默认背景是白色的
<body bgcolor="blue">
背景内容
</body>Code language: HTML, XML (xml)bgcolor后面的值可以是：- 颜色名（如
blue、red、green） - 16进制数（如
#000000） - RGB值（如
rgb(0,0,0)）
- 颜色名（如
16进制写法
<body bgcolor="#000000">
背景内容
</body>Code language: HTML, XML (xml)RGB值写法
<body bgcolor="rgb(0,0,0)">
背景内容
</body>Code language: HTML, XML (xml)三种写法效果一样，都是黑色背景。
#000000和rgb(0,0,0)都是黑色
方式二：通过背景图片实现
- 用
background属性指定图片路径
<body background="008/008.jpg">
背景内容
</body>Code language: HTML, XML (xml)- 图片会平铺铺满整个页面背景
工作流程小知识：美工输出 Photoshop 图片 → 网页输出人员变成 HTML 静态页面 → 程序员做成动态页面
两种方式对比
| 方式 | 属性 | 值类型 | 示例 |
|---|---|---|---|
| 颜色背景 | bgcolor | 颜色名 / 16进制 / RGB | <body bgcolor="#ffffff"> |
| 图片背景 | background | 图片路径 | <body background="008/008.jpg"> |
注意：
bgcolor和background都是 HTML 属性写法，属于比较早期的方式。现在更推荐用 CSS 来设置背景，比如background-color: blue;或background-image: url("008/008.jpg");，更灵活也更符合”表现与内容分离”的原则
Previous: HTML 中插入图片
Next: HTML表格