其他分享
首页 > 其他分享> > 人民医院网站

人民医院网站

作者：互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>人民医院网站</title>
<!--         各标签如图所示。
        所有标签相对定位，左浮动，border都为实线,1px,#6699ff。
        所有标签的外边距为10px，内边距为10px。
        main的宽为400px
        header的宽为358px,高为16px。
        nav的宽为358px,高为20px。
        footer的宽为358px，高为16px。
        aside的宽为100px，高为110px。
        section的高为110px。
        标签内的文字不为判分条件，有即可。 -->
    </head>
    <style type="text/css">
        main,
        nav,
        header,
        aside,
        section,
        footer {
            position: relative;
            float: left;
            border: 1px solid #6699FF;
            margin: 10px;
            padding: 10px;
            text-align: center;
        }

        main {
            width: 400px;
        }

        header {
            width: 358px;
            height: 16px;
        }

        nav {
            width: 358px;
            height: 20px;
        }

        footer {
            width: 358px;
            height: 16px;
        }

        aside {
            width: 100px;
            height: 110px;
            text-align: left;
        }

        section {
            width: 216px;
            height: 110px;
        }
    </style>
    <body>
        <main>
            <header>人民医院网站</header>
            <nav>首页 | 党建学习 | 医院新闻 | 通知公告 | 网上办公</nav>
            <aside>
                <ul>
                    <li>内科</li>
                    <li>外科</li>
                    <li>妇产科</li>
                    <li>精神科</li>
                </ul>
            </aside>
            <section>
                <ul>
                    <li>张医生 坐诊时间 周一</li>
                    <li>张医生 坐诊时间 周一</li>
                    <li>张医生 坐诊时间 周一</li>
                    <li>张医生 坐诊时间 周一</li>
                </ul>
            </section>
            <footer>版权所有&copy;软件公司</footer>
        </main>
    </body>
</html>

标签：358px,网站,110px,height,高为,医院,width,坐诊,人民
来源： https://blog.csdn.net/weixin_46422910/article/details/118515956