不知道怎么和效果图不一样，希望老师帮我仔细看看问题在哪里

来源：3-4 编程练习

111298

2019-09-26 17:01:39

<!DOCTYPE html>
<html>
<head>
    <title></title>
 <meta charset="utf-8">
</head>
    <body>
     <!-- 在此编写代码 -->
     <table align="center">
         <tr bgcolor="pink"  height="80px"><td width="100%">页头</td></tr>
         <tr height="10px"><td></td></tr>
         <tr bgcolor="orange" width="100%" align="center"><td>
             <table align="center">
                 <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" width="100%" height="80px"><td></td></tr>
     </table>
    </body>
</html>

写回答

1回答

好帮手慕慕子

2019-09-26

同学你好，首先，我们要明白，直接给table设置align="center"属性，是让表格整体居中，如果想要单元格居中显示，需要给tr或者td添加align="center"属性才可以哦

然后，我们再来看同学代码中的问题

中间橘色背景行这里，不用给表格设置algin属性，需要给tr添加align属性，让单元格居中显示，然后，需要给左右侧单元格设置bgcolor=“white”属性将背景颜设置为白色
最后，由于最外层table没有设置width属性，导致表格有内部的单元格撑开，导致没有充满整个屏幕，建议：可以给最外层table设置百分百宽度，让表格充满整个屏幕