abstrak：<!DOCTYPE html><head> <meta charset="utf-8"> <title>優(yōu)酷-這世界很酷</title> <link rel="icon" type="image/x-icon" href=&
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>優(yōu)酷-這世界很酷</title>
<link rel="icon" type="image/x-icon" href="static/images/1.ico">
<style type="text/css">
*{margin: 0;padding-left: 0;}
li{list-style: none;float: left;}
a{text-decoration: none;color: #000;}
small{color: #989898;}
.mr{margin-right: 10px;}
.l{float: left;}
.clear{clear: both;}
.contents{
width: 1740px;
margin: 0 auto;
}
.content{
width: 100%;
margin-top: 20px;
}
.contentUL{line-height: 70px;}
.hot_tv img{
width: 240px;
height: 360px;
}
.tab li{margin-left: 25px;}
.big_show{
width: 480px;
height: 350px;
margin-right: 20px;
}
.tv_tab img{
width: 240px;
height: 135px;
}
.tv_tab_botoom img{
margin-top: 18px;
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="static/images/a.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/b.jpg"><br>
<span>摘金奇緣</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/c.jpg"><br>
<span>王牌對(duì)王牌</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/d.jpg"><br>
<span>我們村里人</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/e.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/f.jpg"><br>
<span>大城小聚</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr>
<a href="#">
<img src="static/images/g.jpg"><br>
<span>托你緹娜</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="content">
<div class="contentUL">
<h2 class="l mr">劇集 > </h2>
<ul class="tab 1">
<li>最新</li>
<li>大陸劇</li>
<li>日韓劇</li>
<li>港臺(tái)劇</li>
<li>英美劇</li>
</ul>
</div>
<div class="clear"></div>
<div class="tv_show">
<div class="big_show l mr">
<a href="#">
<img src="static/images/tv.jpg"><br>
<span>逆流而上的你..爆笑</span>
</a><br>
<small>新晉辣媽萌爸！龐月明瑪麗咸魚夫妻帶娃逆襲！</small>
</div>
<ul class="tv_tab l">
<li class="mr">
<a href="#">
<img src="static/images/tv1.jpg"><br>
<span>都挺好</span>
</a><br>
<small>姚晨郭京飛陷親情漩渦</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv2.jpg"><br>
<span>鄉(xiāng)村愛情11</span>
</a><br>
<small>劉能趙四爭(zhēng)C位</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv3.jpg"><br>
<span>小女花不棄</span>
</a><br>
<small>林依晨張彬彬蘇甜來襲</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv4.jpg"><br>
<span>春暖花又開</span>
</a><br>
<small>姚芊羽李建上演新農(nóng)村創(chuàng)業(yè)</small>
</li>
<li>
<a href="#">
<img src="static/images/tv5.jpg"><br>
<span>老中醫(yī)</span>
</a><br>
<small>陳寶國(guó)馮遠(yuǎn)征許晴弘揚(yáng)醫(yī)道</small>
</li>
</ul>
<ul class="tv_tab_botoom l">
<li class="mr">
<a href="#">
<img src="static/images/tv1.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv2.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv3.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li class="mr">
<a href="#">
<img src="static/images/tv4.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
<li>
<a href="#">
<img src="static/images/tv5.jpg"><br>
<span>瞰中國(guó):寧夏</span>
</a><br>
<small>低調(diào)的寧夏 美了四季</small>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</body>
Guru membetulkan：查無此人Masa pembetulan：2019-05-09 14:14:29
Rumusan guru：完成的不錯(cuò)。浮動(dòng)在css里算比較難理解的。每次效果跟預(yù)期的不一樣。要好好練習(xí)，繼續(xù)加油