此处小白使用的是HBuilder来写网页，将背景图片的引用记录在下：
将设置图片背景的知识点集合如下：
background-color： 规定要使用的背景颜色。
background-position： 规定背景图像的位置。
background-size： 规定背景图片的尺寸。
background-repeat ：规定如何重复背景图像。
background-origin ：规定背景图片的定位区域。
background-clip： 规定背景的绘制区域。
background-attachment： 规定背景图像是否固定或者随着页面的其余部分滚动。
background-image ：规定要使用的背景图像。
图片作为网页背景有两种写法：
1>.在引入图片的标签中直接设置图片的长宽，其中img src可以链接到在其他文件中的图片，alt是在图片还没有加载出时所显示的文字描述，title表示悬停时图片提示显示出的文字，width和height表示图片的长和宽，代码如下：
<img src="img/行者.jpg" alt="加载中~~">
<img src="img/行者.jpg" alt="加载中~~" title="背景" width="100%" height="100%">
如在运行过程中发现网站中的背景图片没有紧贴网页边缘，可在head中的style标签中添加：
*{ margin: 0%; }
不适应在img标签中描写属性的小白可以在head中的style描写图片属性，或者链接外部css文件为图片添加属性，同时在img标签内写class="xxx"，class即是在style中描写的属性，如在修改img属性的过程中需要设置图片透明度，此处设置了鼠标悬停效果，需要的请自行修改，可以参考以下代码：
img { opacity:0.8; filter:alpha(opacity=40); /* IE8 及其更早版本 */ } img:hover { opacity:0.9; filter:alpha(opacity=100); /* IE8 及其更早版本 */ }
需要注意的几点是：
1.图片路径；
2.margin的添加是否有效。
2>.直接将图片设为网页背景，但是这样的写法会很大可能使得图片只能出现部分，不建议使用。
<body background="img/行者.jpg">
