HTML静态网页成品作业(HTML+CSS)—— 校园贷主题网页(2个页面)

🎉不定期分享源码,关注不丢失哦

文章目录


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有2个页面

二、作品演示


三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<header>
        <div class="head_c">
            <div class="head_c_left">
                <a href="#">远离"校园贷" 不负"青春债"</a>
            </div>
        </div>
    </header>

    <!--导航/logo-->
    <div class="top">
        <!--logo-->
        <div class="logo"><img src="images/1.jpg" alt="" /></div>
        <!--导航-->
        <nav>
            <ul>
                <li><a href="index.html" id="on">网站首页</a></li>
                <li><a href="">校园贷政策</a></li>
                <li><a href="">校园贷动态</a></li>
                <li><a href="">校园贷防护</a></li>
                <li><a href="">校园贷应对</a></li>
                <li><a href="">消除隐患</a></li>
                <li><a href="liuyan.html">在线留言</a></li>
            </ul>
        </nav>
    </div>
    <!--banner-->
    <div class="box">
        <div class="box-1">
            <ul>
                <li>
                    <img src="images/5.png"></img>
                </li>
            </ul>
        </div>
    </div>

    <!--校园贷-->
    <div class="xiaoyuanaq">
        <div class="xiaoyuanaq_tittle">校园贷</div>
        <div class="xiaoyuanaq_list">
            <div class="xiaoyuanaq_left">
                <p>校园贷是指在校学生向正规金融机构或者其他借贷平台借钱的行为。</p>
                <p>2016年4月,教育部与银监会联合发布了《关于加强校园不良网络借贷风险防范和教育引导工作的通知》,明确要求各高校建立校园不良网络借贷日常监测机制和实时预警机制,同时,建立校园不良网络借贷应对处置机制。
                </p>
                <p>依据《中国银监会 教育部 人力资源社会保障关于进一步加强校园贷规范管理工作的通知银监发〔2017〕26号》为满足大学生在消费、创业、培训等方面合理的信贷资金和金融服务需求,净化校园金融市场环境,使校园贷回归良性发展,商业银行和政策性银行应在风险可控的前提下,有针对性地开发高校助学、培训、消费、创业等金融产品,向大学生提供定制化、规范化的金融服务,合理设置信贷额度和利率,提高大学生校园贷服务质效,畅通正规、阳光的校园信贷服务渠道。
                </p>
            </div>
            <div class="xiaoyuanaq_right"><img src="images/1.png" alt="" /></div>
        </div>
    </div>
    <div style="clear:both;"></div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
2601_9583529023 分钟前
A-59U 仅 37mm 却集成 USB + 双波束?
前端·回声消除·语音模块·降噪处理·降噪消回音
泯泷6 小时前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法
野槐8 小时前
前端项目优化(有了我,会发生...)
前端
aa小小9 小时前
【无标题】
前端
计算机魔术师10 小时前
还在单线程跟 AI 聊天?Claude Code 并行多会话让你一个人干三个人的活
前端
志尊宝10 小时前
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀
前端·javascript·vue·html·vue3
JavaGuide10 小时前
对标 MinIO!全新一代分布式文件系统正式发布
前端·后端
风骏时光牛马10 小时前
AI驱动自动化业务工作流搭建实践
前端
码云之上11 小时前
Skill 里的脚本终于能跑了,星悟接 CubeSandbox 的纪实
前端·人工智能·前端框架
IT_陈寒11 小时前
Vue computed属性这个坑,我居然踩了三次才爬出来
前端·人工智能·后端