3-4编程练习为什么橙色行不能做到左边空出橙色区域和右边空出橙色区域,做到和效果图一样

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>



正在回答

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

3回答

同学你好,这里测试是有效果的,如下:

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

如果你的浏览器视口宽度很小,也是看不出来的,正常需要分辨率在1200px左右。如果还是不行的话,建议你把修改后的代码粘贴至问答区进行测试。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

好帮手慕码 2019-11-22 14:18:22

同学你好,按照效果图还需要修改如下:

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

效果:

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 abaaba #1
    改了好像没有用啊,没有效果
    2019-11-22 17:48:02
softcould 2019-11-22 12:36:27

<tr bgcolor="orange" width="100%"><td><!--高度在这里不能用百分比吧,应该是具体像素px-->

  • 提问者 abaaba #1
    width是宽度不是高度。为什么不能用百分比呢,哪怕改了也没效果
    2019-11-22 12:45:57
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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