麻烦帮忙看一下怎么能实现效果图的样子
来源：3-4 编程练习
洋气yan
2018-04-02 15:49:49
<!DOCTYPE html>
<html>
<head>
<title>表格布局练习</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<table aligh="center" bgcolor="#f2f2f2" width="100%">
<tr bgcolor="pink" height="80px"><td>页头</td></tr><!--页头-->
<tr height="10px"></tr><!--上空行-->
<tr>
<td>
<table bgcolor="orange" aligh="center" width="100%">
<tr>
<td width="240px" bgcolor="white">左</td><!--左侧内容-->
<td width="20px" bgcolor="white"></td><!--中间内容-->
<td width="764px" bgcolor="white">右</td><!--右侧内容-->
</tr>
</table>
</td>
</tr><!--内容-->
<tr height="10px"> </tr><!--下空行-->
<tr bgcolor="black" height="80px"><td>页尾</td></tr><!--页尾-->
</table>
</body>
</html>
4回答
-
洋气yan
提问者
2018-04-06
OK，谢谢
0 -
好帮手慕糖
2018-04-03
你好，是在本地运行的，还是在线习题中运行的，若是线上习题中，可以点击下，右上角的放大按钮，r如下；若是本地测试也不行，建议：可以将你修改的代码，再次粘贴过来。
祝学习愉快~
0 -
洋气yan
提问者
2018-04-02
谢谢了，我照你说的改了，但是中间那行跟效果图不一样啊
0 -
好帮手慕糖
2018-04-02
你好，如下图，建议：把背景颜色设置给嵌套表格所在的行，且表格不需要设置宽度100%，另：align单词拼写错误，认真检查下代码。还有就是嵌套的盒子，中间的一列不需要设置背景颜色哦。
祝学习愉快~
0
相似问题