个人博客引导页自适应黑色简约设计

最新推荐文章于 2024-05-26 14:25:50 发布

ots_luo

最新推荐文章于 2024-05-26 14:25:50 发布

阅读量930

点赞数

分类专栏：前端html、css、js html 文章标签： html web javascript html5 css3

本文链接：https://blog.csdn.net/weixin_45738527/article/details/105822393

版权

前端html、css、js 同时被 2 个专栏收录

6 篇文章 7 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

个人博客引导页自适应黑色简约设计

前言

大家好，我是ots_luo,今天又给大家带来一款适合个人博客的引导页，采用适合手机，平板，电脑的自适应布局，黑色简约设计，适合博客使用。带站长统计，可以统计数据。

效果

部分效果图截图：
在这里插入图片描述

部分源码

<body>
    <div id="wrapper">
        <header id="header">
            <div class="logo">
                <img src="./images/logo.png" class="logo" style="border: solid 1px #fff; ">
                    </div>
                        <div class="content">
                            <div class="inner">
                                <h1>个人博客引导页黑色简约</h1>
                                    <p>引导页<br></p>
                              <p>00000000000000000000<br></p>
                               <p>0000000000000000000<br></p>
                                        </div>
                          <div style="text-align:center;">
	<span><span><strong><span><span><span style="color:#E53333;font-size:18px;"><span><span>请收藏本网站，本网站永久有效</span></span></span></span></span></strong></span></span><span style="color:#E53333;font-size:18px;"><strong></strong></span>
</div>
                                            </div>
                                                <nav>
                                            <script type="text/javascript">
                                        </script>
                                    <ul>
                                <li><a href="https://me.csdn.net/weixin_45738527" target="_blank">地址①<img src="http://127.0.0.1/www/images/re.gif"></a></li><!-- 按钮1-->
                                <li><a href="https://me.csdn.net/weixin_45738527" target="_blank">地址①</a></li><!-- 按钮2-->
                                <li><a href="https://me.csdn.net/weixin_45738527" target="_blank">地址①</a></li><!-- 按钮3-->
                                <li><a href="https://me.csdn.net/weixin_45738527" target="_blank">地址①<img src="http://127.0.0.1/www/images/re.gif"></a></li><!-- 按钮3-->
                            </ul>
                        </nav>
                    </header>
		<!-- 站长统计-->
      <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278844409&web_id=1278844409"></script>
	  <!-- 站长统计-->
                <footer id="footer">
            <p class="copyright">© 2018-2019.ots工作室 csdn ots_luo</script></p><!-- 版权-->
  
        </footer>
    </div>

</div>
 
   
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/util.js"></script>
<script src="js/main.js"></script>

完整源码地址：点击下载

我是ots-luo，码字不易，写教程也不易，如果文章对你有帮助，记得评论点赞加转发收藏哦！感谢支持！！

更多文章记得关注我的博客
网站文章对应：点击传送

ots_luo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
个人博客引导页自适应黑色简约设计

个人博客引导页自适应黑色简约设计前言效果部分源码前言大家好，我是ots_luo,今天又给大家带来一款适合个人博客的引导页，采用适合手机，平板，电脑的自适应布局，黑色简约设计，适合博客使用。带站长统计，可以统计数据。效果部分效果图截图：部分源码<body> <div id="wrapper"> <header id="header...
复制链接

扫一扫