老师请查看代码是否正确

来源:3-4 编程练习

逸飞逸飞

2019-08-27 16:12:11

橙色行的高低是自己设置的嘛

<!DOCTYPE html>

<html>

<head>

    <title></title>

<meta charset="utf-8">

</head>

    <body>

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

    <tr bgcolor="pink" height="80px">

    <td >页头</td>

    </tr>

    <tr height="10px">

    <td ></td>

    </tr>

    <tr bgcolor="orange">

    <td>

    <table align="center">

    <tr height="27px">

        <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" height="80px">

    <td ></td>

    </tr>

    </table>

    </body>

</html>



写回答

1回答

好帮手慕慕子

2019-08-27

同学你好, 代码正确, 效果实现的不错

橙色行的高低也可以不用设置, 让它有子元素的内容撑开即可, 示例:

http://img.mukewang.com/climg/5d64f1dd000188ba08050324.jpg

效果图:

http://img.mukewang.com/climg/5d64f1ea000125cf11260072.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


0

0 学习 · 40143 问题

查看课程