1.建立站点如下：
2.在该文件夹下，建立图片存放文件
3.右击站点，新建文件，给文件改名，并点击进入
4代码如下：
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> 三生三世十里桃花</title> 6 <style > 7 div{ background: url(images/1.jpg);width: 533px;height: 300px;m argin: 0 auto;font-size: 10px;font-height:20px;color:#565454 ;padding-top: 100px;padding-left: 45px}</style> 8 </head> 9 10 <body> 11 <!--在body中加div--> 12 <div> 13 花开三世久酿成了微甜<br> 14 人在梦外之梦 血化成了青藤<br> 15 夜灯扶摇升上空 离人还在等<br> 16 不舍得不再遇见 有情的人原来不敢相逢<br> 17 <hr> 18 桃花朵朵 只恨瞬间花落<br> 19 八荒相隔 四海再无歌<br> 20 看死生契阔 有传说<br> 21 词句写在你眼底 你只有我<br> 22 <hr> 23 时间苦多 只待一语道破<br> 24 若情可得 穷尽了三生三世寻相思轮廓<br> 25 分分合合 不错过<br> 26 <hr> 27 忘情三生遗憾也算有幸<br> 28 昆仑雪化成风 泪变千年玄冰<br> 29 氤氲泉此刻无声 故人还在等<br> 30 不舍得不再相欠 有情的人原来不敢相逢<br> 31 <hr> 32 桃花朵朵 只恨瞬间花落<br> 33 八荒相隔 四海再无歌<br> 34 看死生契阔 有传说<br> 35 词句写在你眼底 你只有我<br> 36 <hr> 37 时间苦多 只待一语道破<br> 38 若情可得 穷尽了三生三世寻相思轮廓<br> 39 生生世世<br> 40 缘无因<br> 41 爱有果 42 <hr> 43 </div> 44 </body> 45 </html>
5.按F12测试结果如下：
