在HTML5中添加背景有多种方法，可以使用CSS样式来实现，以下是一些常用的技术介绍：
1、使用背景颜色
要为HTML元素添加背景颜色，可以使用CSS的background-color属性，为整个页面添加背景颜色，可以将以下代码添加到<style>标签内：
body {
background-color: f0f0f0;
}
这将为整个页面设置一个浅灰色的背景。
2、使用背景图片
要为HTML元素添加背景图片，可以使用CSS的background-image属性，为整个页面添加背景图片，可以将以下代码添加到<style>标签内：
body {
background-image: url('background.jpg');
}
这将为整个页面设置一个名为background.jpg的背景图片，请确保图片文件与HTML文件位于同一目录下，或者提供正确的路径。
3、使用背景图片平铺
如果要在整个页面上平铺背景图片，可以使用CSS的background-repeat属性，为整个页面添加平铺的背景图片，可以将以下代码添加到<style>标签内：
body {
background-image: url('background.jpg');
background-repeat: repeat;
}
这将使背景图片在整个页面上重复显示。
4、使用背景图片定位
可以使用CSS的background-position属性来调整背景图片的位置，要将背景图片定位到页面的右上角，可以将以下代码添加到<style>标签内：
body {
background-image: url('background.jpg');
background-position: right top;
}
这将使背景图片显示在页面的右上角。
5、使用背景图片大小
可以使用CSS的background-size属性来调整背景图片的大小，要将背景图片设置为覆盖整个页面，可以将以下代码添加到<style>标签内：
body {
background-image: url('background.jpg');
background-size: cover;
}
这将使背景图片覆盖整个页面，同时保持图片的比例。
6、使用背景图片固定
可以使用CSS的background-attachment属性来固定背景图片，要使背景图片在滚动页面时保持固定，可以将以下代码添加到<style>标签内：
body {
background-image: url('background.jpg');
background-attachment: fixed;
}
这将使背景图片在滚动页面时保持固定。
7、使用CSS渐变作为背景
可以使用CSS的linear-gradient或radial-gradient函数来创建渐变背景，要为整个页面添加一个从左到右的线性渐变背景，可以将以下代码添加到<style>标签内：
body {
background-image: linear-gradient(to right, ff7e5f, feb47b);
}
这将为整个页面设置一个从左到右的线性渐变背景，颜色从ff7e5f到feb47b。
相关问题与解答：
Q1: 如何为特定元素而不是整个页面添加背景？
A1: 只需将CSS样式应用于特定的HTML元素即可，要为一个名为container的<div>元素添加背景颜色，可以使用以下代码：
.container {
background-color: f0f0f0;
}
Q2: 如果背景图片尺寸大于页面尺寸，如何处理？
A2: 可以使用CSS的background-size属性来调整背景图片的大小，要将背景图片设置为适应页面尺寸，可以使用以下代码：
body {
background-image: url('background.jpg');
background-size: contain;
}
这将使背景图片适应页面尺寸，同时保持图片的比例。
