第三次作业

于 2024-07-23 13:08:43 发布
阅读量142 收藏
点赞数 3
文章标签： css3 css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80137853/article/details/140633232
版权

1.

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
</head>
<style>
 .topBox{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    background: #e2e0df;
    min-width: 1280px;
 }
 .topContainer{
    font-size: 16px;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    width: 1280px;
    margin: auto;
    padding-top: 15px;
    position: relative;
    height: 100px;
}
.head_left{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    float: left;
}
.hr_left{ 
    font-size: 16px;
    outline: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0px;
    list-style: none;
    float: left;
    width: 270px;
    height: 36px;
    margin-top: 10px;
}
.li1{
    outline: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0px;
    list-style: none;
    display: inline-block;
    margin-left: 16px;
    font-size: 14px;
    line-height: 24px;
    color: white;
}
 .navBox{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    line-height: 45px;
    min-width: 1280px;
}
.nav-menu{
    font-size: 16px;
    line-height: 45px;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    width: 1280px;
    margin: 0 auto;
    height: 45px;
}
 .nav{
    font-size: 16px;
    outline: 0;
    box-sizing: border-box;
    padding: 0;
    border: 0px;
    list-style: none;
    margin: auto;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    width: 1200px;
    position: relative;
    left: 47px;
}
 .li2{
    font-size: 16px;
    outline: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0px;
    list-style: none;
    float: left;
    width: 133px;
    min-height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.banner{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    height: 400px;
    position: relative;
    width: 100%;
}
.js-silder{
     font-size: 16px;
     padding: 0;
     outline: 0;
     box-sizing: border-box;
     position: relative;
     min-width: 320px;
     height: 400px;
     margin: 0 auto;
     width: 1280px;
}
.silder-scroll{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
.silder-main{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 400px;
}
.silder_main-img{
    font-size: 16px;
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
    left: -1380px;
    background-color: aqua;
}
</style>
<body>
 <div class="topBox">
     <div class="topContainer">
     <div class="left">
     <a href="" title="成都文理学院" class="logo">
     <img src="./1.png" width="1000px" height="100px">
</a >
 </div>
<div class="navBox">
     <div class="nav-menu">
        <a href=" ">
             <img src="">
            </a >
            <ul class="nav">
                <li style="display: none;" class="li2"> 
<a href="https://www.scu.edu.cn/index.htm" target="_blank">首页</a>
</li> 
 <li class="li2">
<a href="https://www.cdcas.edu.cn/xueyuangaikuang/xxgk_xyjj/12039/" target="_blank">学校概况</a>
 </li>
 <li class="li2">
<a href="https://www.cdcas.edu.cn/category/xinwengonggao/" target="_blank">新闻公告</a>
</li>
<li class="li2">
<a href="https://www.cdcas.edu.cn/category/jiaoxuekeyan/" target="_blank">教学科研</a>
 </li>
 <li class="li2">
<a href="https://fzygh.cdcas.edu.cn/" target="_blank">综改评教</a>
 </li>
 <li class="li2">
<a href="https://gj.cdcas.edu.cn/" target="_blank">国际交流</a>
 </li>
 <li class="li2">
<a href="https://zsw.cdcas.edu.cn/" target="_blank">招生</a>
 </li>
 <li class="li2">
<a href="https://jyw.cdcas.edu.cn/" target="_blank">就业</a>
</li>
<li class="li2">
<a href="https://www.cdcas.edu.cn/category/xueyuanshezhi/" target="_blank">学院设置</a>
</li>
<li class="li2">
<a href="https://www.cdcas.edu.cn/category/xinxigongkai/" target="_blank">信息公开</a>
            </li>
<li class="li2">
<a href="https://www.cdcas.edu.cn/category/gonggongfuwu/" target="_blank">公共服务</a>
            </li>
       </ul>
  </div>
</div>
    <div class="banner">
         <div class="js-silder">
            <div class="silder-scroll">
               <div class="silder-main" style="height: 400px;">
                   <div class="silder-main_img" style="left: -1380px;">
                         <a href=" " title=".">
                          <img src="https://www.cdcas.edu.cn/wp-content/uploads/sites/42/sites/42/2024/06/20221010102749-1.jpg" width="1380px" height="400px" alt="">
                 <p class="title" style="left: 52px; font-size: 20px; padding: 2px 8px; line-height: 33px; display: none;">.</p >
             </a >
           </div>
           </div>
          </div>
         </div>
         </div>
        </body>
        </html>

2.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>第三次作业</title>
 <style>
 .box{
     display: grid;
     grid-template-columns: repeat(5,1fr);
     height: 700px;
     grid-template-rows: repeat(2,1fr);
     grid-gap: 0px;
     margin-top: 50px;
     margin-left: 100px;
     margin-right: 100px;
    }
.prod-href{
    text-decoration: none;
 }
.prod-intoduce-span{
     color: #9b9b9b;
     font-size: 14px;
     }
.prod-price{
    font-size: 19px;
    color: red;
 }
.prod-boss{
     color: #9b9b9b;
     font-size: 12px;
     }
.prod-sale{
     color: #9b9b9b;
     font-size: 12px;
     border-top: 1px solid #f2f2f2;
     text-align: right;
    padding-top: 10px;
}

 .prod-test-box{
    width: 300px;
    height: 340px;
     margin: auto;
      margin-top: 15px;
}
 </style>
</head>
<body>
<div class="box">
    <div class="prod">
        <a class="prod-href" href=" ">
            <div class="prod-test-box">
                 <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i1/2764571734/O1CN01hMffrJ1OgDke8IzXE_!!2764571734-0-alimamacc.jpg_360x360xzq75.jpg_.webp " alt="">
                 <div class="prod-introduce">
                    <span class="prod-intoduce-span">脆升升香脆薯条20g25袋鲜切薯片蜂蜜黄油脆生生休闲零食大礼包</span>
        </div>
              <div class="prod-price">￥79.8</div>
             <div class="prod-boss">脆升升食品旗舰店</div>
            <div class="prod-sale">月销4万+</div>
          </div>
     </a >
  </div>
  <div class="prod">
        <a class="prod-href" href=" ">
           <div class="prod-test-box">
              <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i1/111634048/O1CN01dRftY21fm2B5HgTSp_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                <div class="prod-introduce">
                    <span class="prod-intoduce-span">好利来冰山熔岩巧克力纯可可脂礼盒甜品糕点</span>
                      </div>
                      <div class="prod-price">￥59</div>
                    <div class="prod-boss">好利来官方旗舰店</div>
                   <div class="prod-sale">月销7000</div>
                </div>
            </a >
         </div>
         <div class="prod">
               <a class="prod-href" href=" ">
                 <div class="prod-test-box">
                        <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i3/6385622422/O1CN01Ew0qud1TlKFDeKsat_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp">
                          <div class="prod-introduce">
                          <span class="prod-intoduce-span">酸辣柠檬无骨鸡爪脱骨凤爪网红小吃即食休闲食品解馋零食好吃卤味</span>
                            </div>
                 <div class="prod-price">￥26.7</div>
                   <div class="prod-boss">天天特卖工厂店</div>
                  <div class="prod-sale">月销4万+</div>
                </div>
                </a >
            </div>
            <div class="prod">
               <a class="prod-href" href=" ">
                   <div class="prod-test-box">
                     <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i2/113712902/O1CN01QUhZFP1XJALm3Vxkb_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                         <div class="prod-introduce">
                              <span class="prod-intoduce-span">麻辣王子辣条30小包官方正品</span>
                               </div>
                                <div class="prod-price">￥6.9</div>
                               <div class="prod-boss">惠祥食品</div>
                             <div class="prod-sale">月销5000+</div>
                         </div>
                    </a >
                  </div>
                  <br>
                <div class="prod">
                      <a class="prod-href" href=" ">
                       <div class="prod-test-box">
                         <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i3/1910280086/O1CN01PAAaJL1CVQqOSxAi5_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                            <div class="prod-introduce">
                              <span class="prod-intoduce-span">靖江猪肉脯小包零食品蜜汁干吃的肉铺休闲边角料网红年货嘴牛肉味</span>
                                </div>
                           <div class="prod-price">￥69.9</div>
                      <div class="prod-boss">满满无限旗舰店</div>
                    <div class="prod-sale">月销64</div>
                 </div>
                    </a >
                   </div>
                   <div class="prod">
                      <a class="prod-href" href=" ">
                        <div class="prod-test-box">
                            <img class="prod-img" width="260px" height="200px" src="https://img.alicdn.com/imgextra/i3/31536383/O1CN01of0giM1x1T3rHHvHe_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                               <div class="prod-introduce">
                                 <span class="prod-intoduce-span">三只松鼠罐装每日坚果500g孕妇健康休闲零食混合干果果仁早餐</span>
                               </div>
                          <div class="prod-price">￥310</div>
                        <div class="prod-boss">三只松鼠旗舰店</div>
                    <div class="prod-sale">月销4万+</div>
                 </div>
             </a >
             </div>
             <div class="prod">
                <a class="prod-href" href=" ">
                  <div class="prod-test-box">
                      <img class="prod-img" width="260px" height="200px" src="https://gw.alicdn.com/imgextra/i3/2424338511/O1CN01wjcqln2Ck5t12dUca_!!2-item_pic.png_.webp" alt="">
                         <div class="prod-introduce">
                           <span class="prod-intoduce-span">维达抽纸细韧面巾纸家用3层2400抽面巾纸餐巾纸eu</span>
                         </div>
                    <div class="prod-price">￥29.9</div>
                  <div class="prod-boss">维达官方旗舰店</div>
              <div class="prod-sale">日销2千+</div>
           </div>
       </a >
       </div>
       <div class="prod">
        <a class="prod-href" href=" ">
          <div class="prod-test-box">
              <img class="prod-img" width="260px" height="200px" src="https://gw.alicdn.com/imgextra/i3/3937219703/O1CN01ZJ8bkN2LY1zrcNVSo_!!3937219703-0-C2M.jpg_Q75.jpg_.webp" alt="">
                 <div class="prod-introduce">
                   <span class="prod-intoduce-span">夏季竹席凉席夏天2024新款席子学生宿舍单人冬夏两用床席冰丝草席</span>
                 </div>
            <div class="prod-price">￥32</div>
          <div class="prod-boss">天天特卖工厂店</div>
      <div class="prod-sale">回头客6千+</div>
   </div>
</a >
</div>

3.

<!DOCTYPE html>
<html>
 
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #faf8f8f0;
    }
 
  .login-container {
      width: 400px;
      margin: 0 auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
 
    h2 {
      text-align: center;
      color: #007aff;
    }
 
    img {
      display: block;
      margin: 0 auto;
      width: 400px;
      height: 200px;
    }
 
  .input-group {
      margin-bottom: 15px;
    }
 
    input[type="text"],
    input[type="password"] {
      width: 100%;
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 3px;
    }
 
    input[type="submit"] {
      width: 100%;
      padding: 10px;
      background-color: aquamarine;
      color: #fff;
      border: none;
      border-radius: 3px;
      cursor: pointer;
    }
 
   .remember-checkbox {
      margin-bottom: 15px;
    }
 
   .forgot-password {
      text-align: right;
      color: blue;
      cursor: pointer;
    }
  </style>
</head>
 
<body>
 
  <div class="login-container">
    <h2>金铲铲之战</h2>
    <img src="https://img2.baidu.com/it/u=500386308,3822815042&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500"alt="">
    <div class="input-group">
      <input type="text" placeholder="手机号/QQ 号/邮箱">
    </div>
    <div class="input-group">
      <input type="password" placeholder="密码">
    </div>
    <div class="remember-checkbox">
      <input type="checkbox"> 记住我
    </div>
    <input type="submit" value="登录">
    <div class="forgot-password">忘记密码？</div>
  </div>
 
</body>
 
</html>

诶. .
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
国科大学习资料–模式识别--第三次作业
无名何许人的博客
01-31 762
国科大学习资料–模式识别–第三次作业（刘成林老师主讲） 题目 解答
软件工程第三次作业
lpZhouYi的博客
05-04 3610
软件工程第三次作业 某交易所规定给经纪人的手续费计算方法如下:总手续费等于基本手续费加上与交易中的每股价格和股数有关的附加手续费。如果交易总金额少于1 000元，则基本手续费为交易金额的8. 4%;如果交易总金额在1 000元到10 000元之间,则基本手续费为交易金额的5%,再加34元;如果交易总金额超过10 000元，则基本手续费为交易金额的4%加，上134元。当每股售价低于14 元时，附加...
图论第三次作业
weixin_45940821的博客
03-12 1392
图论第三次作业（教材：图论与网络最优化算法龚劬编）
《操作系统》第三次作业
执念斩长河
05-01 721
第三次作业是学习进程管理，笔者竟然没有学习明白，课下还需要不断翻书回看才是。第三次作业一共两个实验
数据库第三次作业
m0_62848118的博客
03-16 808
计量经济学 第三次 作业
xllzuibangla的博客
05-23 2152
1、描述行统计 2、回归 解释： 3、 4、
BUAA数据结构与程序设计第三次作业复习
zxy13149285776的博客
05-10 1038
最近的进度杠杠的啊啊啊啊快点考完期中考试让我去打排球！！！！！！（but游戏建模还没搞，泪目）
python第三次作业
qazplmygvwei的博客
04-14 603
1234。
大数据分析课程第三次作业(最大密度子图)
程哥哥的一亩三分地
05-13 2420
大数据分析课程第三次作业(最大密度子图) ​ 参考：《胡伯涛: 最小割模型在信息学竞赛中的应用》 一、作业题： 二、答案： 测试数据集：bio-CE-GT.txt，数据集来源：https://networkrepository.com/bio-CE-GT.php 运行结果如下： 可运行代码如下(点击可打开)： #include<iostream> #include<cstring> #include<cmath> #include<algori
国科大数据挖掘刘莹第三次作业
01-13
国科大数据挖掘刘莹第三次作业
HCIA第三次作业.topo
04-26
HCIA第三次作业.topo
第三次作业已完成！哈哈哈
04-26
【标题】：“第三次作业已完成！哈哈哈” 在信息技术领域，完成作业或项目往往是学习过程中的重要环节，特别是对于编程和实验性的课程来说。这里的“第三次作业”可能指的是一个学生或者团队在学习过程中面临的某个...
江苏开放大学形成性考核作业建筑材料第三次作业.pdf
03-05
江苏开放大学形成性考核作业建筑材料第三次作业.pdf 该资源是江苏开放大学的一份形成性考核作业，主题是建筑材料。该作业共有两部分，第一部分是是非题，第二部分是单项选择题。 在是非题部分，共有10道题，涵盖了...
计算机网络的第三次作业
01-08
"计算机网络的第三次作业" 计算机网络的第三次作业中涉及到多个重要的知识点，如 IP 数据报中的首部检验和、快速丢弃损坏的数据报、计算首部检验和的原因、CRC 检验码的缺点、分段传送的数据报的组装、网络地址划分...
第三次作业1
08-08
【第三次作业1】是针对Linux环境的一次编程作业，涵盖了文件操作、文件系统搜索以及链表数据结构的应用。下面将详细解析每一题的要求。 【第一题】这道题目要求实现与homework2第四题相似的功能，但在此基础上增加...
国科大数据库第三次大作业
12-16
在本案例中，提及的是“国科大数据库新技术第三次作业”，这暗示我们将探讨与数据库管理系统（DBMS）相关的理论和实践知识，特别是MySQL，这是一种广泛使用的开源关系型数据库。 【MySQL简介】 MySQL是一个强大的...
中科大模式识别第三次作业.doc
05-11
以下是第五章作业的部分内容解析： 第五章主要围绕特征选择与提取这一主题展开，这是模式识别的关键步骤，因为有效的特征能够极大地提升模型的性能和解释性。特征选择旨在从原始数据中挑选出最有用的信息，减少冗余...
第三次作业.cpp
最新发布
05-27
第三次作业.cpp
合工大java第三次作业
10-21
合工大Java第三次作业包括两个部分，第一部分是关于Java程序图形界面的开发，包括引入哪些包、布局管理器的作用、Frame类和Panel类的默认布局器、FlowLayout布局方式的特点、事件的概念和处理事件的机制等内容。第二部分是编写一个Java程序，创建一个窗体，并实现交互，包括在窗体内单击鼠标左键绘制一个绿圆、单击鼠标右键绘制一个红色方框、双击鼠标左键清空所有已画圆和方的功能。作业要求在3月27日之前提交，命名方式为学号+姓名+作业3。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值