Collection
Collection
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>仿优酷网</title>
<style>
*{margin:0;padding:0;}
li{list-style: none; float: left;}
a{color: #000;text-decoration: none;}
.l{float: left;}
.clear{clear: both;}
.mr{margin-right: 10px;}
.contents{
width: 1740px;
margin: 0 auto;
}
.content{
width:100%;
margin-top: 20px;
}
.hot_tv img{
width:240px;
height: 360px;
}
.contentul{line-height: 70px;}
.tab li{margin-right: 20px}
.tv_tab img{
width: 240px;
height: 135px;
}
</style>
</head>
<body>
<div class="contents">
<div class="content">
<div class="contentul">
<h2>正在热播</h2>
</div>
<ul class="hot_tv">
<li class="mr">
<a href="">
<img src="images/a.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
<ul class="hot_tv">
<li class="mr">
<a href="">
<img src="images/b.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
<ul class="hot_tv">
<li class="mr">
<a href="">
<img src="images/c.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
<ul class="hot_tv">
<li class="mr">
<a href="">
<img src="images/d.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
<ul class="hot_tv">
<li class="mr">
<a href="">
<img src="images/e.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
<ul class="hot_tv">
<li>
<a href="">
<img src="images/f.jpg" alt=""><br>
<span>看中国：宁夏</span><br>
</a>
<small>高调的宁夏，美了四季</small>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="conrent">
<div class="contentul">
<h2 class="l">剧集 ></h2>
<ul class="tab l">
<li class="l">
<a href="">最新</a>
<a href="">大陆剧</a>
<a href="">日剧</a>
<a href="">港剧</a>
<a href="">更多</a>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="tv_show">
<div class="big_show l mr">
<a href="">
<img src="images/tv.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</div>
<ul class="tv_tab l">
<li class="mr"> <a href="">
<img src="images/tv1.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li class="mr"> <a href="">
<img src="images/tv2.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li class="mr"> <a href="">
<img src="images/tv3.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li > <a href="">
<img src="images/tv4.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
</ul>
<ul class="tv_tab l">
<li class="mr"> <a href="">
<img src="images/tv1.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li class="mr"> <a href="">
<img src="images/tv2.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li class="mr"> <a href="">
<img src="images/tv3.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
<li > <a href="">
<img src="images/tv4.jpg" alt=""><br>
<span>***的直播剧</span>
</a><br>
<small>今明直线</small>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
