lovecoding
/
web0331


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div id="box">
      <!-- 头部 -->
      <div id="header">
        <div class="logo">
          <img src="./images/logo.png" alt="" />
        </div>
        <div class="search">
          <input type="text" placeholder="请输入关键字进行搜索" />
          <div class="btn">搜狗搜索</div>
        </div>
        <div class="tips">
          <!-- 25 27 2020 -->
          <img src="./images/star.png" class="star" alt="" />
          <img src="./images/message.png" class="message" alt="" />
          <div class="login">登录</div>
        </div>
      </div>
      <!-- 内容 -->
      <div id="main">
        <div class="nav">
          <ul>
            <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="">NBA</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="">房产</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>
          </ul>
        </div>
        <div class="variety">
          <div class="top">
            <div class="left">
              <ul>
                <li><a href="">综艺</a></li>
                <li><a href="">电视剧</a></li>
                <li><a href="">电影</a></li>
                <li><a href="">少儿</a></li>
              </ul>
            </div>
            <div class="right">
              <div class="word">
                <span><a href="">动漫</a></span>
                <span><a href="">体育</a></span>
                <span><a href="">纪录片</a></span>
                <span><a href="">风味人间</a></span>
              </div>
            </div>
          </div>
          <div class="bottom">
            <div class="left">
              <img src="./images/picture1.png" alt="" />
            </div>
            <div class="right">
                <div class="mode1">
                  <img src="./images/picture2.png" alt="" />
                  <p>即刻电音</p>
                  <p>26强配对画:张活光准西现场</p>
                  <p>嘉宾:新艺兴 大纸伟 尚雯婕</p>
                </div>
                <div class="mode1">
                  <img src="./images/picture2.png" alt="" />
                  <p>即刻电音</p>
                  <p>26强配对画:张活光准西现场</p>
                  <p>嘉宾:新艺兴 大纸伟 尚雯婕</p>
                </div>
                <div class="mode1">
                  <img src="./images/picture2.png" alt="" />
                  <p>即刻电音</p>
                  <p>26强配对画:张活光准西现场</p>
                  <p>嘉宾:新艺兴 大纸伟 尚雯婕</p>
                </div>
                <div class="mode1">
                  <img src="./images/picture2.png" alt="" />
                  <p>即刻电音</p>
                  <p>26强配对画:张活光准西现场</p>
                  <p>嘉宾:新艺兴 大纸伟 尚雯婕</p>
                </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 页尾 -->
      <div id="footer"></div>
    </div>
  </body>
</html>