3-4网页布局练习

来源:3-4 编程练习

慕言_7946275

2019-07-04 15:35:09


<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

    <body>

        <table align="center" width="100%" bgcolor="orange"  cellspacing="0">

            <tr bgcolor="pink" height="80px" width="100%"  > <td align="center">慕课网</td> </tr> <!--页头-->

            <tr bgcolor="white" height="10px"> <td></td> </tr> <!--空隙-->

            <tr> <td>

                <table align="center">

                    <tr>

                        <td width="240px" bgcolor="white"  height="10px" align="center"></td>

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

                        <td width="764px" bgcolor="white"></td>

                    </tr>

                </table>

            </td> </tr> <!--主体内容-->

            <tr bgcolor="white" height="10px"> <td></td> </tr> <!--空隙-->

            <tr bgcolor="black" width="100%" height="80px"> <td></td> </tr> <!--页脚-->

        </table>

        <!-- 在此编写代码 -->

    </body>

</html>



写回答

1回答

好帮手慕夭夭

2019-07-04

你好同学,结构实现的正确,可以把如下td高度设置大一点效果更好看:

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

祝学习愉快,望采纳。

0

0 学习 · 40143 问题

查看课程