3-4编程练习为什么橙色行不能做到左边空出橙色区域和右边空出橙色区域,做到和效果图一样
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table align="center">
<tr bgcolor="pink" height="80px" width="100%"><td>页头</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="orange" width="100%"><td>
<table align="center">
<tr>
<td width="240px" bgcolor="white">左侧内容</td>
<td width="20px"></td>
<td width="764px" bgcolor="white">右侧内容</td>
</tr>
</table>
</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="black" width="100%" height="80px"><td>black</td></tr>
</table>
</body>
</html>
正在回答
同学你好,这里测试是有效果的,如下:

如果你的浏览器视口宽度很小,也是看不出来的,正常需要分辨率在1200px左右。如果还是不行的话,建议你把修改后的代码粘贴至问答区进行测试。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~


恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星