图片上添加文字的两种常用方式

ttx9n · 发表于 2014-2-24 11:34:55

图片上添加文字，常用的方式：将一张图片设置为背景，然后在里面加文字；加span标签，设置css样式；下面为大家介绍下 1.常用的方式是：将一张图片设置为背景，然后在里面加文字，你加入的图片代码是：

复制代码代码如下:
<img src="img.jpg" width='100px" height="50px">

改为

复制代码代码如下:
<div style="background:url('img.jpg') no-repeat;width:100px;height:50px">添加文字</div>

2.一种是：加<span>标签，设置css样式，你加入的代码是：

复制代码代码如下:
<div style="position: relative; width: 170px; height: 89px;">
<img src="图片地址" width="170" height="89" alt="">
<span style="position: absolute; top: 0; left: 0;">添加文字...添加文字...添加文字...</span>
</div>

3mfwk4yf · 发表于 2022-8-14 03:25:23

加快速度很快就撒谎

0608fv3 · 发表于 2022-10-24 10:42:22

管灌灌灌灌灌灌灌灌灌灌

回复用户1 · 发表于 2022-11-28 08:56:56

啪啪啪生怕PSP怕

0608fv3 · 发表于 2023-2-10 05:03:16

刷屏刷屏刷屏

q215357618 · 发表于 2023-9-2 12:33:10

哈哈哈哈哈哈哈

x20yd3qx · 发表于 2023-10-15 06:56:45

8888888888888888

x20yd3qx · 发表于 2023-11-13 17:58:40

谢谢您的分享！

3pjdk29w · 发表于 2023-11-23 21:25:14

看看看看看看看看看看看看看看看看看看看看看看看看看看看

6q8s6p21 · 发表于 2024-1-25 06:53:32

额风风风微风微风违法

账号		自动登录	找回密码
密码			立即注册

[CSS] 图片上添加文字的两种常用方式

相关帖子