3-4的编程练习问题

3-4的编程练习问题

RT,我的代码实现效果和练习要求的不一样,左侧和右侧内容两端没有像练习要求的效果图那样有橘色填充,不知道是什么原因,望解惑,谢谢!

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
    <body>
        <table width="100%">
            <tr height="80px" bgcolor="pink"> <td></td></tr>
            <tr height="20px"><td></td></tr></tr>
            <tr>
                <td>
                    <table align="center" width="1024px" bgcolor="orange">
                        <tr>
                            <td></td>
                            <td width="240px" bgcolor="white">左侧内容</td>
                            <td width="20px"></td>
                            <td width="764px" bgcolor="white">右侧内容</td>
                            <td></td>
                        </tr>                
                    </table>
            <tr height="20px"><td></td></tr>
            <tr height="80px" bgcolor="black"><td></td></tr>
</body>
    
</html>

代码实现的效果如下图:

http://img1.sycdn.imooc.com/climg//58d14a0c0001df7419190302.jpg

正在回答

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

1回答

你好,把第13行的bgcolor="orange"放在 第11行的tr中。相当于在外层的表格的tr设置背景颜色,而你的代码相当于给里面的table设置背景颜色,同时设置了宽度,所以没有两端的颜色。希望对你有帮助,祝学习愉快,欢迎采纳。

  • 朱颜1 提问者 #1
    非常感谢!
    2017-03-22 09:38:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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