HTML5的新增标签

最新推荐文章于 2024-09-30 21:15:00 发布

原创最新推荐文章于 2024-09-30 21:15:00 发布

· 320 阅读

0 ·

版权

文章标签：

#html5

响应式专栏收录该内容

33 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
        header,nav{
            width: 800px;
            height: 60px;
            border: 1px solid #ccc;
            margin:0 auto;
        }
       
        nav{
            margin-top:10px;
        }
        section{
            width: 800px;
            height: 500px;
            margin:20px auto;
        }
        aside{
            width: 290px;
            height: 500px;
            border: 1px solid #ccc;
            float: left;
        }
        article{
            width: 500px;
            height: 500px;
            border: 1px solid #ccc;
            float: right;
        }
        footer{
            width: 800px;
            height: 50px;
            border: 1px solid #ccc;
            margin:10px auto;
        }
    </style>
</head>
<body>
    <header>头部</header>
    <nav>导航</nav>
    <section>
        <aside>侧边栏</aside>
        <article>文章</article>
    </section>
    <footer>底部</footer>
</body>
</html>