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.想要获取本文源码,点击前往吧

相关推荐
程序员码歌40 分钟前
【零代码AI编程实战】AI灯塔导航-总结篇
android·前端·后端
用户21411832636021 小时前
免费玩转 AI 编程!Claude Code Router + Qwen3-Code 实战教程
前端
小小愿望3 小时前
前端无法获取响应头(如 Content-Disposition)的原因与解决方案
前端·后端
小小愿望3 小时前
项目启功需要添加SKIP_PREFLIGHT_CHECK=true该怎么办?
前端
烛阴3 小时前
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
前端·javascript·typescript
海上彼尚4 小时前
使用 npm-run-all2 简化你的 npm 脚本工作流
前端·npm·node.js
开发者小天4 小时前
为什么 /deep/ 现在不推荐使用?
前端·javascript·node.js
如白驹过隙5 小时前
cloudflare缓存配置
前端·缓存
excel5 小时前
JavaScript 异步编程全解析:Promise、Async/Await 与进阶技巧
前端
Jerry说前后端5 小时前
Android 组件封装实践:从解耦到架构演进
android·前端·架构