html代码图片上面加可以修改i的文字
想把这个图片做成代码，后面表格部分，从基本信息的地方开始，后面所有文字都要做成可以修改的，谁可以给我写个代码啊，教教我怎么做，可以私聊加我QQ：448132459，感激不...
想把这个图片做成代码，后面表格部分，从基本信息的地方开始，后面所有文字都要做成可以修改的，谁可以给我写个代码啊，教教我怎么做，可以私聊加我QQ：448132459，感激不尽~~
展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
table{border-collapse: collapse;width:790px;height:auto; font-family:'微软雅黑'; font-size:14px; margin-top:10px;}
table tr td{ padding:2px 10px; line-height:30px;}
table tr td.td{ background:#E58F90; font-size:16px;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff" bgcolor="#E4E4E4">
<tr>
<td colspan="4" class="td">基本信息</td>
</tr>
<tr>
<td>书 名</td>
<td colspan="3">书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">目录</td>
</tr>
<tr>
<td>插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">内容简介</td>
</tr>
<tr>
<td>插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">书摘/插图</td>
</tr>
<tr>
<td>插入图片</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
table{border-collapse: collapse;width:790px;height:auto; font-family:'微软雅黑'; font-size:14px; margin-top:10px;}
table tr td{ padding:2px 10px; line-height:30px;}
table tr td.td{ background:#E58F90; font-size:16px;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff" bgcolor="#E4E4E4">
<tr>
<td colspan="4" class="td">基本信息</td>
</tr>
<tr>
<td>书 名</td>
<td colspan="3">书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
<tr>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
<td>书 名</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">目录</td>
</tr>
<tr>
<td>插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">内容简介</td>
</tr>
<tr>
<td>插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字插入文字</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#fff">
<tr>
<td class="td">书摘/插图</td>
</tr>
<tr>
<td>插入图片</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、在html中定义一个元素，比如div
2、利用css属性background-image给div设置背景图片
3、在div中添加文字，文字可以随时修改
4、文字自然附在图片上面
示例：
<div style="height:200px;width:200px;background-image:url(test.gif);">这是图片上添加文字测试</div>
2、利用css属性background-image给div设置背景图片
3、在div中添加文字，文字可以随时修改
4、文字自然附在图片上面
示例：
<div style="height:200px;width:200px;background-image:url(test.gif);">这是图片上添加文字测试</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
