1、新建一个 AddText.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:给图片添加文字,如图所示:
3、使用 img 标签导入一张图片,如图所示:
4、使用绝对定位给图片定位,代码:position: absolute
5、使用 p 标签包含一段文字,如图所示:
6、给 p 标签添加相对定位,代码:position: relative
7、给 p 标签添加z-index属性,如图所示:
1、新建一个 AddText.html 文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:给图片添加文字,如图所示:
3、使用 img 标签导入一张图片,如图所示:
4、使用绝对定位给图片定位,代码:position: absolute
5、使用 p 标签包含一段文字,如图所示:
6、给 p 标签添加相对定位,代码:position: relative
7、给 p 标签添加z-index属性,如图所示: