4、第四步,写父级div的样式。其主要作用是包裹子级div。为了看得比较明显,加一个边框样式:border:1px solid #093。如图:

5、第五步,写主要的字div样式。设置长度和宽度,以及边框样式;文字颜色以及字体大小;接着以一张图片作为背景图片,不重复:background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到,此时,文字是在图片最上面。
6、第六步,接着是最关键的部分,设置文字居中于图片,包括垂直和水平方向上的居中。其中,line-height:630px,使行高等于高度,文字即可在垂直方向居中;text-align: center,实现水平居中。如图:
4、第四步,写父级div的样式。其主要作用是包裹子级div。为了看得比较明显,加一个边框样式:border:1px solid #093。如图:
5、第五步,写主要的字div样式。设置长度和宽度,以及边框样式;文字颜色字体以及大小;接着以一张图片作为背景图片,不重复:background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到,此时,文字是在图片最上面。
6、第六步,接着是最关键的部分,设置文字居中于图片,包括垂直和水平方向上的居中。其中,line-height:630px, 使行高等于高度,文字即可在垂直方向居中;text-align: center,实现水平居中。如图: