HTML5新增标签

最新推荐文章于 2022-11-04 17:18:38 发布

房东的喵

最新推荐文章于 2022-11-04 17:18:38 发布

阅读量226

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/luxunlx123/article/details/105875535

版权

前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        * {margin: 0;padding: 0;}
        header {width: 1100px;height: 100px;background: #f00;margin: 0 auto;}
        nav {height: 60px;background: #000;}
        .layout {width: 960px;background: #eee;margin: 0 auto;overflow: hidden;}
        aside {width:250px;background: #0f0;min-height: 300px;float: left;}
        article {background: #00f;overflow: hidden;}
        section {width: 300px;height: 300px;background: #0ff;float: left;margin-right: 20px;margin-bottom: 20px;}
        footer {width: 1100px;height: 80px;background: #000;margin: 0 auto;}
        </style>
    </head>
    <body>
        <header></header>
        <nav></nav>
        <div class="layout">
            <aside>左栏</aside>
            <article>
                <section>
                    <figure>
                        <img src="xiyou.png"/>
                      
                        <figcaption>西安邮电大学</figcaption>
                    </figure>
                </section>
                <section></section>
            </article>
        </div>
        <footer></footer>
    </body>
</html>

在这里插入图片描述

房东的喵

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5新增标签

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * {margin: 0;padding: 0...
复制链接

扫一扫

专栏目录