3-4编程练习的显示效果不太一样

首页课程实战体系课手记专栏慕课教程

3-4编程练习的显示效果不太一样

来源：3-3 表格布局（2）

ZZH994

2017-09-16 16:42:09

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页布局练习</title>
</head>
<body>
<table>
<tr bgcolor="pink" height="80px"><td>页头</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="orange"><td>
<table>
<tr>
<td width="240px">左侧内容</td>
<td width="20px"></td>
<td width="764px">右侧内容</td>
</tr>
</table>
</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="black" height="80px"><td>页脚</td></tr>
</table>
</body>
</html>

写回答

2回答

小丸子爱吃菜

小丸子爱吃菜

2017-09-16

已采纳

与效果图是不一致，给一些建议可以参考：

1、首先，宽度充满整个页面，给最外层table设置width为100%；

2、给中间的table设置固定宽度（70%左右）、背景颜色、居中。

祝学习愉快！

0

hZH994

h 进行网页布局的时候，是不是更经常用<div>块状标签，而不是用表格标签来写？

h017-09-16

共2条回复

小丸子爱吃菜

小丸子爱吃菜

2017-09-16

是的，这里只做练习，等到CSS步骤会教大家如何使用div布局。

0

0 学习 · 36712 问题

相似问题

编程练习结果出不来

回答 3

编程练习源码

回答 1

3-4编程练习

回答 2

3-4编程练习，和效果图不一样，哪里出了问题？

回答 2

3-4练习问题

回答 3

打开慕课网App查看更多内容