div+css个人主页网站页面源码-北忘山用爱驱动

div+css个人主页网站页面源码-北忘山用爱驱动插图

技术栈

HTML+css,简单的布局与排版,无其他框架,后街博客用爱驱动

文件展示

div+css个人主页网站页面源码-北忘山用爱驱动插图1

代码片段

代码截图生成器

div+css个人主页网站页面源码-北忘山用爱驱动插图2

        <div id="topbanner">
            <div class="container">
                <h1 id="sitename"><a href="#">个人主页</a> <span>我的大学生活</span></h1>
                <div id="mainnav">
                    <ul>
                        <li class="active">
                            <a href="index.html">我的 <span>主页</span></a>
                        </li>
                        <li>
                            <a href="index.html">联系 <span>我</span></a>
                        </li>
                        <li>
                            <a href="index.html">关于 <span>我</span></a>
                        </li>
                        <li>
                            <a href="index.html">我的 <span>博客</span></a>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>

界面展示

div+css个人主页网站页面源码-北忘山用爱驱动插图3

div+css个人主页网站页面源码-北忘山用爱驱动插图4

div+css个人主页网站页面源码-北忘山用爱驱动插图5

源码获取

扫描文末的二维码,关注小编,回复关键字 HTML单页面 即可获取全部代码

版权声明:
作者:北忘山
文章:div+css个人主页网站页面源码-北忘山用爱驱动
链接:https://www.beiwangshan.com/archives/21.html
来源:beiwangshan.com
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>