老师 这一节的练习 我已经把居中加在td里 为啥显示效果还是不对
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table bgcolor="pink" width="100%" align="center" >
<tr height="80px">
<td>页头</td>
</tr>
<tr height="10px" width="100%">
<td bgcolor="#fffff" ></td>
</tr><!--空行-->
<tr>
<td align="center">
<table bgcolor="orange" width="100%" >
<tr >
<td width="240px" bgcolor="#fffff">
左侧内容
</td>
<td width="20px" ></td>
<td bgcolor="#fffff" wdith="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>
正在回答 回答被采纳积分+1
同学你好，由于里面嵌套的表格设置百分百宽度，适应外层单元格的宽度，导致里面的单元格自动调整宽度，填充满整个表格，所以效果不对。建议：去掉在嵌套表格上添加的width和bgolor属性。给外层的单元格设置橘色背景就可以了。
右侧单元格width单词拼写有误，建议修改：
另外，建议，只需要给头部设置粉色背景即可，不需要给整个表格设置背景颜色，参考如下修改：
注意：由于在线浏览器界面比较小，查看到的效果与练习题给出的效果图不一样，推荐同学在自己本地创建一个html文件，将代码粘贴过去，在浏览器中打开测试下。
祝学习愉快~
-
豆包侠 #1
老师 我照你说的更改了 但是我放在本地浏览器里 浏览效果还是不明显
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table width="100%" align="center" >
<tr height="80px" bgcolor="pink">
<td>页头</td>
</tr>
<tr height="10px" width="100%">
<td bgcolor="#fffff" ></td>
</tr><!--空行-->
<tr>
<td align="center" bgcolor="orange">
<table >
<tr >
<td width="240px" bgcolor="#fffff">
左侧内容
</td>
<td width="20px" ></td>
<td bgcolor="#fffff" 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>
2021-03-28 18:51:33
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星