以p标签为例，如果把文字移到图片下方，直接p标签移到div标签外面就好了，不想这样的话，可以给p标签加个padding-top:356px，具体值随你喜欢
在图片中，把356改小点就好了啊，改到文字在图片里就可以了
src中的内容是图片的地址，它表明图片的存放位置，是以图片存放地址不同而不同的。如果楼主想把图片改成有颜色的文字，可以直接写文字<span style="color:#00f">诛仙旅游</span>这样就显示蓝色的文字了（其中color值可以根据需要来定）。
如果要显示图片的描述文字，在alt里写就可以了，如：
<img src="images/01.jpg" alt="诛仙旅游" />
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
table{border-collapse: collapsewidth:790pxheight:autofont-family:'微软雅黑'font-size:14pxmargin-top:10px}
table tr td{ padding:2px 10pxline-height:30px}
table tr td.td{ background:#E58F90font-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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）