个人主页网站

技术栈

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

文件展示

文件展示

代码片段

代码截图生成器

        <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>

界面展示

界面展示

界面展示

界面展示

源码获取

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

如果觉得我的文章对你有用,请随意赞赏