<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>仿站B站</title>
<link rel="stylesheet" href="./fonts/iconfont.css" />
<link rel="stylesheet" href="./css/index.css" />
</head>
<body>
<!-- 头部固定部分 -->
<header>
<div class="top">
<div class="left">
<a href="#">
<i class="iconfont Navbar_logo"></i>
</a>
</div>
<div class="right">
<a href="#">
<i class="iconfont ic_search_tab"></i>
</a>
<a href="#" class="login">
<img src="./images/login.png" alt="" />
</a>
<a href="#" class="download">
<img src="./images/download.png" alt="" />
</a>
</div>
</div>
<div class="bottom">
<!-- tab页签 -->
<div class="tab">
<!-- ul>li*5>a[href='#']{首页} 敲下tab键 -->
<ul>
<!-- active: 激活的 current: 当前的 -->
<li><a href="#" class="current">首页</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="more">
<!-- 字体 text-align -->
<i class="iconfont general_pulldown_s"></i>
</div>
</div>
</header>
<!-- 滑动列表 -->
<section class="video_content">
<div class="video_list">
<a href="#">
<!-- 图片 -->
<div class="pic">
<img src="./images/1.jpg" alt="" />
</div>
<!-- 文字 -->
<div class="txt ellipsis-2">你活着补刀就是对我最大的侮辱,韩服最强王者组单杀集锦#19</div>
</a>
<a href="#">
<!-- 图片 -->
<div class="pic">
<img src="./images/1.jpg" alt="" />
</div>
<!-- 文字 -->
<div class="txt ellipsis-2">你活着补刀就是对我最大的侮辱,韩服最强王者组单杀集锦#19</div>
</a>
<a href="#">
<!-- 图片 -->
<div class="pic">
<img src="./images/1.jpg" alt="" />
</div>
<!-- 文字 -->
<div class="txt ellipsis-2">你活着补刀就是对我最大的侮辱,韩服最强王者组单杀集锦#19</div>
</a>
</div>
</section>
<!-- 底部固定部分 -->
<footer></footer>
</body>
</html>
评论0