HTML怎么在图片上添加文字，也就是图片作为背景，代码和图像显示如下
<tr>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
<td width="101" height="33"><img src="鲜花网+table布局/images/button1.jpg" width="101" height="33" /></td>
</tr>
单纯的html要实现你说的效果很难，必须html和css配合才可以，首先用css为需要设置背景的元素设置背景，然后用html写文字等内容。附加一个简单例子，希望帮到你。（其中1.jpg跟这个页面在一个路径）
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.flower{
background:url("1.jpg") center center no-repeat;
position:relative;
width:100%;
height:100%;
}
table{
margin:0 auto;
}
</style>
</head>
<body>
<div class="flower">
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>
</table>
</div>
</body>
</html>
能写一段代码看看吗？不太理解你说的
追答你的内容
追问<td background-image:url("鲜花网+table布局/images/button1.jpg")>你的内容</td>
改成这样了
可是还是不行
效果这样
你的内容
这样。。。我用""是表示着重而已。。
可以改了之后效果还是原来那样，只有文字，没有背景
追答代码就是这样。你把你修改后的代码拿来看看？
本回答被提问者和网友采纳