老师好，请问为什么我橘色部分和要求的不一样，最左边和最右边没有橘色
来源：3-4 编程练习
AiChiRol
2018-02-12 00:26:44
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<!-- 在此编写代码 -->
<table align="center" width="100%">
<tr bgcolor="pink" height=80px ><td>页头</td></tr><!--页头-->
<tr bgcolor="white" height=10px><td></td></tr><!--空隙-->
<tr>
<td>
<table width="1024px" bgcolor="orange" align="center">
<tr>
<td width="240px" bgcolor="white">左侧内容</td>
<td width="20"></td>
<td width="764" bgcolor="white">右侧内容</td>
</tr>
</table>
</td>
</tr><!--主体-->
<tr bgcolor="white" height=10px><td></td></tr><!--空隙-->
<tr bgcolor="black" height="80px"><td></td></tr><!--页脚-->
</table>
</body>
</html>
1回答
-
中间一行内嵌的table表格宽度不要设置固定的，
中间部分应该分为5列，你的左右两边都没有留空格哦！可以设置宽度100%，再添加两个空的表格就可以了，参考一下中间部分代码：
<!--空隙-->
<tr bgcolor="orange">
<td colspan="">
<table width="100%" bgcolor="orange" align="center">
<tr>
<td></td>
<td width="240px" bgcolor="white">左侧内容</td>
<td width="20"></td>
<td width="764" bgcolor="white">右侧内容</td>
<td></td>
</tr>
</table>
</td>
</tr>
祝学习愉快！~~
0h018-02-12
相似问题