3-4编程练习为什么橙色行不能做到左边空出橙色区域和右边空出橙色区域，做到和效果图一样
来源：3-4 编程练习
abaaba
2019-11-22 12:22:32
<!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>
3回答
-
同学你好，这里测试是有效果的，如下：
如果你的浏览器视口宽度很小，也是看不出来的，正常需要分辨率在1200px左右。如果还是不行的话，建议你把修改后的代码粘贴至问答区进行测试。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0 -
好帮手慕码
2019-11-22
同学你好，按照效果图还需要修改如下：
效果：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0h019-11-22 -
softcould
2019-11-22
<tr bgcolor="orange" width="100%"><td><!--高度在这里不能用百分比吧，应该是具体像素px-->
0h019-11-22
相似问题