HTML+CSS大作业电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载

最新推荐文章于 2024-06-11 14:08:29 发布

优质内容贡献

最新推荐文章于 2024-06-11 14:08:29 发布

阅读量1k

点赞数

分类专栏： web大学生个人网站作业模学生div+css静态网页设计成品 html网页设计作业文章标签： css html css3 html5 前端

本文链接：https://blog.csdn.net/qq_524614081/article/details/122343573

版权

HTML5期末大作业：电影网站设计——电影介绍(11页) 大学生电影网页作品

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现



<!DOCTYPE html>
<html lang="en">
<head>  <meta charset="UTF-8">
<meta name="author" content="order by dede58.com/" />
  <title>Demo</title>

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/iconfont.css">
</head>
<body style=" height: 2000px; ">

  <!---------- 顶部页面 ---------->
  <div id="header">

    <!-- 最顶部 -->
    <div class="header-top">
      <div class="auto-width">
        <h1 class="logo fl"><a href="#"><img src="picture/logo.png" alt="#"></a></h1>
        <div class="search-box fl">
          <form action="#">
            <input type="text" class="fl search-text" placeholder="Search here...">
            <button class="fl search-btn">
              <i class="iconfont icon-search"></i>
            </button>
          </form>
          <div class="search-feedback">
            <span class="search-hot">今日热搜</span>
            <div class="search-menu">
              <a href="#" class="item item-cur">
                <span>1</span>
                <em>OverWatch</em>
              </a>
              <a href="#" class="item item-cur">
                <span>2</span>
                <em>电影知道答案</em>
              </a>
              <a href="#" class="item item-cur">
                <span>3</span>
                <em>S6</em>
              </a>
              <a href="#" class="item">
                <span>4</span>
                <em>夏目友人帐</em>
              </a>
              <a href="#" class="item">
                <span>5</span>
                <em>微小而确实的幸福</em>
              </a>
              <a href="#" class="item">
                <span>6</span>
                <em>神盾局特工</em>
              </a>
              <a href="#" class="item">
                <span>7</span>
                <em>天凉好个秋</em>
              </a>
            </div>
          </div>
        </div>
        <ul class="header-guide fr">
          <li class="guide-item download">
            <a href="#">
              <i class="iconfont icon-app"></i>
              <span>下载客户端</span>
            </a>
            <div class="guide-hover">
              <img src="picture/app-download.png" alt="#">
            </div>
          </li>
          <li class="guide-item login">
            <a href="#">登录/注册</a>

最低0.47元/天解锁文章

优质内容贡献

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS大作业电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载

HTML5期末大作业：电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!作品介
复制链接

扫一扫