请问如何往图中插入文字并把文字居中

Question

本人新手，试了很多次都无法把文字插入到图片中，只能实现图片平铺全屏，求大神解答，能附上html5和css样式源码最好，毕竟我新手有时候你们的解答我理解不够，先谢谢了

Answer 1

将图片作为文本的背景，文字居中可以用text-align:center

Answer 2

<div class="wrap"><p>文字</p></div><style>.wrap{background:url(imageurl) no-repeat}.wrap p{text-align:center}</style>这是第一种方法   还有一种是设置z-index