CSS教程 给图片添加文字

 时间:2026-02-14 11:43:09

1、新建一个 AddText.html 文件,如图所示:

CSS教程 给图片添加文字

2、输入HTML5的结构代码,将title标签里面的内容修改成:给图片添加文字,如图所示:

CSS教程 给图片添加文字

3、使用 img 标签导入一张图片,如图所示:

CSS教程 给图片添加文字

4、使用绝对定位给图片定位,代码:position: absolute

CSS教程 给图片添加文字

5、使用 p 标签包含一段文字,如图所示:

CSS教程 给图片添加文字

6、给 p 标签添加相对定位,代码:position: relative

CSS教程 给图片添加文字

7、给 p 标签添加z-index属性,如图所示:

CSS教程 给图片添加文字

  • 如何定义div位置
  • sublime编辑器运行javascript代码
  • 怎样用DreamWeaver实现多种html的切换
  • css设置文字环绕图片
  • css如何制作一个正方形按钮
  • 热门搜索
    结肠癌是什么原因引起 朋友过生日送什么礼物好 飞机经停是什么意思 梦见被蛇咬是什么意思 12月23日是什么星座 指南针n代表什么方向 轮胎上的数字和字母是什么意思 物业费包括什么 喝咖啡有什么好处 paint是什么意思中文