我是江西省上饶市的一名程序员，今天分享一下html+css如何在图片上附加文字。
准备一幅图片和一段文字，我使用的是idea来编辑，朋友们也可以用eclipse等等。图片是断桥残雪，名称是dxcq.jpg，在images文件夹下。文字就是断桥残雪四个字。
输入如下代码
"http://www.w3.org/TR/html4/loose.dtd">
断桥残雪
来解释关键的，首先，父组件div的位置position一定要设置成relative，子组件p的position一定要设置成absolute。堆叠z-index设置成1（或者任意正整数）。background-color是文字的背景色，color是文字的颜色。top是p距离div顶端的纵向位置，left是p距离div左边的横向位置。这样，我们的网页就做好了。
最终的网页效果图
是不是很简单啊。
可以在html中用style设置，像我一样。
也可以用css设置。css有空分享哦。
| 留言与评论（共有 0 条评论） “” |
