题目有些问题吧
来源：3-4 编程练习
慕妹8681797
2019-06-26 11:31:01
想要做到中间有"左侧内容"字样那一行有和图中一模一样效果，只能是这一行有5列而不是题目里的3列
正确代码应该是这样吧：
<!DOCTYPE html> <html> <head> <title>练习</title> <meta charset="utf-8"> </head> <body> <!-- 在此编写代码 --> <table align="center"> <tr bgcolor="pink" width="100%" height=80px> <td>页头</td> </tr> <tr width="100%" height=10px> <td></td> </tr> <tr bgcolor="orange"> <td> <table> <tr align="center"> <td width="500px"></td> <td bgcolor="white" width="240px">左侧</td> <td width="20px"></td> <td bgcolor="white" width="764px">右侧</td> <td width="500px"></td> </tr> </table> </td> </tr> <tr width="100%" height=10px> <td></td> </tr> <tr bgcolor="black" width="100%" height=80px> <td>页尾</td> </tr> </table> </body> </html>
效果图：
写回答
2回答
-
你好同学，你的代码实现的不错。不过代码很灵活的，使用一行三列也是可以实现布局效果的，参考如下理解：
中间整体设置橙色背景，然后里面嵌套一个表格，表格中分一行三列布局，第一个td和第三个td设置白色。而中间td不设置颜色就会显示默认的橙色。谈话表格设置居中，那么表格左右两边的间距也是橙色，达到了页面效果哦。
参考代码如下：
祝学习愉快，望采纳。
1 -
慕妹8681797
提问者
2019-06-26
有的人回答用cellspacing，那会导致上下也有一样的空格出来，和原图不同了
0
相似问题