左右侧内容背景无法显示白色,假如加入背景颜色白色头尾又无法显示橙色

左右侧内容背景无法显示白色,假如加入背景颜色白色头尾又无法显示橙色

<!DOCTYPE html>

<html>

<head>

<title>表格</title>

<meta charset="utf-8">

</head>

<body>

<table width="100%" align="center">

<tr bgcolor="pink" height="80px" ><td>页头</td></tr>

<tr height="10"><td></td></tr>

<tr><td>

<table bgcolor="orange" width="100%">

<tr align="center">

<td width="240">左侧内容</td>

<td width="20"></td>

<td width="764">右侧内容</td>

</tr>

</table>

</td>

</tr>

<tr height="10"><td></td></tr>

<tr height="80px" bgcolor="black"><td>页尾</td></tr>

</table>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕慕子 2019-07-16 10:12:08

同学你好, "猫叔人生"这位同学提供的解决方案是可以的。

如下所示, 不需要给嵌套的表格设置bgcolor和width属性, 可以直接给td设置背景颜色和居中属性, 

http://img1.sycdn.imooc.com//climg/5d2d31fe0001804608580565.jpg

效果图:

http://img1.sycdn.imooc.com//climg/5d2d32600001ffdc18900079.jpg

同学可以自己下去在测试一下哦, 祝学习愉快~~~~

猫叔人生 2019-07-15 23:17:54

<td width="240px" bgcolor="white">左侧内容</td>

<td width="20px"></td>

<td width="764px" bgcolor="white">右侧内容</td>

把背景颜色改为白色就好了

  • <table bgcolor="orange" width="100%"> <tr align="center"> <td width="240">左侧内容</td> <td width="20"></td> <td width="764">右侧内容</td> </tr> </table> 注意width=100%要去掉!
    2019-07-15 23:23:31
  • 而且bgcolor="orange",应该设置在<table>父级<td>中,这样才能是整个单元格充满橘色。 可参考 <tr> <td align="center" bgcolor="orange"> <table> <tr> <td width="240px" bgcolor="white">左侧内容</td> <td width="20px"></td> <td width="764px" bgcolor="white">右侧内容</td> </tr> </table> </td> </tr>
    2019-07-15 23:28:05
huanhuan3610 2019-07-15 23:04:06

<td width="240px" aligh="center" bgcolor="white">左则内容</td>

<td width="20px"></td>

<td width="764px" aligh="center" bgcolor="white">右则内容</td>

可以向我这样,将左右列内容的列属性设置为白色

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师