HTML怎么在图片上添加文字,也就是图片作为背景,代码和图像显示如下
<tr><tdwidth="101"height="33"><imgsrc="鲜花网+table布局/images/button1.jpg"width="101"heig...
<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> 展开
<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> 展开
2个回答
展开全部
单纯的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>
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询