1、新建html文档。
2、准备好需要用到的图片。
3、书写hmtl代艨位雅剖码。<div id="middle"></div媪青怍牙><div>DIV+CSS上下左右绝对居中,适用于所有浏览器，避开用js书写，减少前端书写代码，提高工作效率。</div>
4、书写css代码。<style type="text/css">* { 罪焐芡拂margin:0; padding:0;}body { text-align:center;}#middle { height: 244px; left: 50%; margin: -122px 0 0 -247px; position: absolute; top: 50%; background:url(bg.jpg) no-repeat; width: 494px;}</style>
5、代码整体结构。
6、查看效果。
