老师帮忙检查一下吧，谢谢
来源：3-4 编程练习
qq_mysunshine_24
2017-11-17 12:02:19
<table width="100%">
<tr bgcolor="pink" height="30px"><td>页头</td></tr>
<tr height="10px" bgcolor="#ffffff"><td></td></tr>
<tr bgcolor="orange"><td>
<table align="center" width="80%">
<tr>
<td bgcolor="#ffffff">左侧内容</td>
<td width="10px"></td>
<td bgcolor="#ffffff">右侧内容</td>
</tr>
</table>
</td></tr>
<tr height="10px" bgcolor="#ffffff"><td></td></tr>
<tr bgcolor="black" height="60px"><td></td></tr>
</table>
2回答
-
crystal_clear_snow
2017-11-17
首先，代码应该放在html基本结构里，养成好习惯。
你代码的问题有以下几点：
题目要求整体表格居中，应该在最外层表格属性添加align="center"。
粉色部分行高设置错了，题目要求80px，你写的30px。黑色部分也是80px。
里面的table的width="80%"是多余的。
里面table，3个<td>标签的width设置的有问题。
修改后如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<table width="100%">
<tr bgcolor="pink" height="80px"><td>页头</td></tr>
<tr height="10px" bgcolor="#ffffff"><td></td></tr>
<tr bgcolor="orange"><td>
<table>
<tr>
<td bgcolor="#ffffff" width="240px">左侧内容</td>
<td width="20px"></td>
<td bgcolor="#ffffff" width="764px">右侧内容</td>
</tr>
</table>
</td></tr>
<tr height="10px" bgcolor="#ffffff"><td></td></tr>
<tr bgcolor="black" height="80px"><td></td></tr>
</table>
</body>
</html>
0h017-11-17 -
好帮手慕糖
2017-11-17
你好，整体的效果不错，还有点， 背景色为“pink”和“black” 的行高为80px哦，中间行内嵌套一个1行3列的表格，左侧内容宽度240px，中间橘色空列20px；右侧内容宽度764px（所以建议：这里不用设置表格的宽度为80%，直接设置列的宽度即可），
祝学习愉快~
0
相似问题