第四次作業(yè)
補充學(xué)習了快捷鍵的書寫形式。
標簽的快捷鍵寫法
兄弟標簽的快捷鍵寫法
父子標簽快捷鍵的寫法
元素重復(fù)的快捷鍵寫法
數(shù)值遞增的快捷鍵寫法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div,body,html,h1,h2,h3,h4,h5,h6,ul,li,em,dt,dd,dl,form
{padding: 0 ;
margin:0;
}
li{list-style: none;
}
img{
border: 0;
}
a{
text-decoration: none;
color:#000;
}
.clear:after{
content: "";
display: block;
clear: both;
overflow: hidden;
visibility: hidden;
zoom: 1;
}
.cb{
clear: both;
}
body{
font-family: "\5B8B\4f53";
font-size:12px;
color: #aaaaaa;
}
a{
color: #3d3d3d;
font-size:14px;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.w970{
width: 970px;
margin:0 auto;
}
.w968{
width: 968px;
margin: 0 auto;
border: 1px solid #dddddd;
}
.first{
height: 108px;
}
.one{
float:left;
width: 290px;
height: 108px;
}
.one .embed{
width: 290px;
height: 108px;
}
.two{
float:left;
width: 400px;
height:88px;
padding-top: 20px;
}
.two form{
width: 394px;
height: 27px;
border: 3px solid #eeeeee;
}
.q{
width:325px;
height:25px;
border:1px solid #babebf;
border-right: 0 none;
outline: none;
color: #999999;
padding-left: 5px;
}
.four{
width:68px;
height:27px;
background:url() 0px -36px;
outline: none;
border: 0 none;
color: white;
font-size: 14px;
font-weight: bold;
}
.four p{
margin-top: 10px;
}
.four a{
color: #999999;
font-size: 12px;
margin: 0 3px;
}
.three{
float:left;
width: 280px;
height: 68px;
text-align: right;
padding-top: 40px;
color: #e6e6e6;
line-height: 20px;
}
.three a{
font-size: 12px;
color: #999999;
}
.five{
background: url() no-repeat 0 1px;
padding-left: 15px;
}
.nav{
height: 35px;
line-height: 35px;
}
.nav li{
float: left;
display: inline;
}
.seven li{
float: left;
padding: 0 10px;
}
.seven a:hover{
color: #0081cc;
}
.seven .ten a{
color: #0081cc;
font-weight: bold;
}
.eit nav{
margin-left: 10px;
background: url()no-repeat
0 7px;
}
.eit li{
float: left;
padding: 0 11px;
position: relative;
}
.eit a{
font-size: 12px;
}
.eit img{
position: absolute;
top: 0px;
left: 44px;
}
.nine li{
float: left;
position: relative;
margin-right: 40px;
}
.nine{
margin-left: 67px;
color: #666666;
}
.nine .s{
display: block;
width: 5px;
height: 3px;
background:url() 0 -64px;
position: absolute;
right: -9px;
top: 16px
}
.main{
height: 365px;
margin-top: 10px;
background-color: #000000;
padding: 8px 0 7px 0;
}
.banner{
float: left;
width:730px;
height:365px;
background: blue;
}
.banner div{
width:740px;
height:310px;
position: relative;
}
.banner div img{
width:730px;
height:310px;
}
.banner div p{
width: 740px;
height: 33px;
background-color: #000;
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
color: #fff;
text-indent: 10px;
opacity: 0.5;
filter:alpha(opacity=50);
}
.banner ul{
}
.banner li{
width: 56px;
height: 54px;
float:left;
display: inline;
padding-left: 1px;
padding-top: 1px;
background: url() -228px -52px;
margin-right: 4px;
cursor:pointer;
}
.banner li .cur{
padding-top: 5px;
margin-top: -4px;
background-position: -228px 0;
}
.banner ul img{
width: 56px;
height: 45px;
}
.banner-right{
float: right;
border: 1px solid #393939;
width: 227px;
height: 363px;
background: url();
padding: 10px 5px 0;
}
.banner-right-nav{
float: left;
width: 216px;
height: 27px;
border-left: 1px solid #545454;
border-top: 1px solid #545454;
}
.banner-right-nav li{
height: 20px;
line-height: 20px;
padding:0 4px;
border-right: 1px solid #545454;
border-bottom: 1px solid #545454;
float: left;
color: #666666;
}
.banner-right-nav li .s{
display: none;
}
.banner-right-nav li.cur{
background-color:#6f6f6f;
border-bottom: 1px solid #6f6f6f;
color:#fff;
}
.banner-right-nav li.cur .s{
display: block;
width:5px;
height:3px;
background: url() -248px -132px;
position:absolute;
left:50%;
margin-left: -3px;
bottom:-5px;
}
.banner-right ol{
color: #666666;
}
.banner-right ol li{
line-height: 27px;
}
.banner-right ol span{
display: inline-block;
width: 19px;
height: 14px;
line-height: 14px;
border: 1px solid #4d4d4d;
text-align: center;
}
.banner-right .top3 span{
float: left;
background: #29b6e9;
color: white;
font-weight: bold;
}
.banner-right ol a{
color: #bfbfbf;
font-size: 12px;
margin-right: 5px;
}
.banner-right ol .stong{
float: right;
}
.banner-right ol a .pic-link{
display: inline-block;
width: 8px;
height: 11px;
background: url() -237px -100px;
text-indent: -99em;
overflow: hidden;
margin-right: 0;
margin-left: 4px;
}
.banner-right-bottom{
margin-top: 7px;
}
.banner-right-bottom li{
background: url() no-repeat -287px -108px;
padding-left: 9px;
height: 20px;
line-height: 12px;
}
.banner-right-bottom li a{
color: #df7e0d;
font-size: 12px;
}
.section1{
height: 435px;
margin-top: 10px;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.section1 .hot{
height: 435px;
width: 161px;
float: left;
border-top:3px solid #e188c2;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .hot h2{
color: #e188c2;
}
.section1 .man{
height: 435px;
width: 161px;
border-top:3px solid #879ac5;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .man h2{
color: #879ac5;
}
.section1 .syn{
height: 435px;
width: 160px;
border-top:3px solid #a6a6a6;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .syn h2{
color: #a6a6a6;
}
.section1 .tvb{
height: 435px;
width: 160px;
border-top:3px solid #7ec8da;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .tvb h2{
color: #7ec8da;
}
.section1 .overseas{
height: 435px;
width: 160px;
border-top:3px solid #e18786;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .overseas h2{
color: #e18786;
}
.section1 .ent{
height: 435px;
width: 160px;
border-top:3px solid #e4cd6f;
border-right: 1px solid #dddddd;
float: left;
}
.section1 .ent h2{
color: #e4cd6f;
}
.section1 h2{
height: 47px;
line-height: 47px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.item{
}
.item .img-link{
width: 136px;
height: 96px;
display: block;
position: relative;
}
.item .img-link img{
width: 136px;
height: 96px;
border: 1px solid #eeeeee;
padding: 1px;
}
.img-link span{
font-size: 12px;
color: #c1c2bd;
width: 100px;
height: 20px;
line-height: 20px;
text-align: right;
background: url();
position: absolute;
right: 2px;
bottom: 2px;
}
.item p{
width: 141px;
padding-top: 4px;
padding-bottom: 10px;
position: relative;
}
.pic-link{
width: 8px;
height: 10px;
background: url() -237px -100px;
text-indent: -99em;
overflow: hidden;
position: absolute;
right: 0;
top: 8px;
}
.section1 dl{
border-top: 1px dashed #dddddd;
padding-top:10px;
}
.section1 dt{
height: 20px;
}
.section1 dd{
height: 20px;
}
.today{
width: 950px;
height: 870px;
position: relative;
}
.today h2{
color: #3b3b3b;
font-size: 18px;
font-weight: bold;
font-family: "宋體";
position:absolute;
left: 15px;
top: 12px;
}
.today-section{
width: 952px;
}
.today-title{
float: right;
display: inline;
padding-top: 18px;
padding-bottom: 13px;
}
.today-title a{
font-size: 12px;
}
.today ul{
margin:left;
}
.today .item{
margin-left: 15px;
float: left;
display: inline;
}
.today .item .img-link img{
width: 100px;
height: 140px;
}
.today .item .img-link{
width: 104px;
height: 144px;
}
.today .item p{
width: 104px;
padding-bottom: 4px;
}
.footer{
margin-top: 15px;
padding-top: 25px;
}
.footer fieldset{
margin-left: 260px;
}
.footer ul li{
line-height: 27px;
float: left;
display: inline;
}
.footer ul li a{
font-size: 12px;
color: #a9a9a9;
margin: 0 8px;
}
.footer dl{
height: 82px;
width: 192px;
padding-left: 20px;
border-right: 1px solid #dddddd;
float: left;
display: inline;
}
.footer dt{
line-height: 23px;
color: #666666;
font-weight: bold;
}
.footer dd{
line-height: 22px;
float: left;
display: inline;
}
.footer dd a{
font-size: 12px;
margin-right:11px;
}
</style>
</head>
<body>
<div class="first w970">
<div class="one">
<embed src="pig/7.png"></div>
<div class="two">
<form action="">
<input type="text" name="q" class="q" value="金陵十三釵"><input type="submit"
class="four" value="搜 索">
</form>
<p>
<a href="">熱播榜</a>
<a href="">鄉(xiāng)愛5局</a>
<a href="">我的老爹</a>
<a href="">小姨多鶴</a>
<a href="">歐陽德</a>
<a href="">龍門飛甲</a>
<a href="">大沖鋒</a>
</p>
</div>
<div class="three">
<a href="">登錄</a>
|
<a href="">注冊</a>
|
<a href="">迅雷會員</a>
|
<a href="class="five"">訂閱</a>
<a href="">會員專區(qū)</a>
|
<a href="">移動產(chǎn)品</a>
|
<a href="">游戲</a>
|
<a href="">幫助</a>
</div>
</div>
<div class="nav w968">
<ul class="seven">
<li class="ten"><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>
<ul class="eit">
<li><a href="">歐美大片</a></li>
<li><a href="">經(jīng)典大片</a></li>
<li><a href="">華語大片</a><img src=""></li>
</ul>
<ul class="nine">
<li>我看過的<s></s></li>
<li>下載迅雷<s></s></li>
</ul>
</div>
<div class="main w970">
<div class="banner">
<div><a href=""><img src="" alt=""></a>
<p>趙家班悲情大戲</p>
</div>
<ul>
<li class="cur"><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li><img src="" alt=""></li>
<li style="margin-right:0"><img src="" alt=""></li>
</ul>
</div>
<div class="banner-right">
<ul class="banner-right-nav">
<li>全部</li>
<li class="cur">電影<s></s></li>
<li>電視劇</li>
<li>綜藝</li>
<li>動漫</li>
<li>記錄</li>
</ul>
<ol>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宮諜影</a></stong><span>01</span><a href="">深宮諜影</a>更新至</li>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宮諜影</a></stong><span>02</span><a href="">深宮諜影</a>更新至</li>
<li class="top3"><stong>7.5<a href="" class="pic-link">深宮諜影</a></stong><span>03</span><a href="">深宮諜影</a>更新至</li>
<li><span>04</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>05</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>06</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>07</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>08</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>09</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
<li><span>10</span><a href="">北京愛情故</a><stong>8.5<a href="" class="pic-link">北京愛情故事</a></stong></li>
</ol>
<ul class="banner-right-bottom">
<li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
<li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
</ul>
</div>
</div>
<div class="section1 w970">
<div class="hot">
<h2>熱門大片</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
<div class="man">
<h2>男性影院</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
<div class="syn">
<h2>同步衛(wèi)視</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
<div class="tvb">
<h2>TVB劇場</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
<div class="overseas">
<h2>海外劇場</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
<div class="ent">
<h2>人氣綜藝</h2>
<div class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
</div>
<div class="item">
<a href="" class="img-link"><span>誘惑欲望激烈碰</span></a>
<p><a href="">桃色驚魂</a>(720p)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
</div>
<dl>
<dt><a href="">鬼域</a>(480p)</dt>
<dd>獲金像獎最佳視覺效果</dd>
<dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
<dd>徐克3D武俠精制</dd>
</dl>
</div>
</div>
<div class="today w968">
<div class="today-section ">
<h2>今日電視劇</h2>
<p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追兇) | <a href="">回家的誘惑</a>(絕望的主婦還擊妖嬈小三) | <a href="">掩護</a>(陸毅劉濤密碼傳情) <a href="">更多</a></p>
<div class="cb"></div>
<ul>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
</ul>
</div>
<div class="today-section half">
<h2>今日電視劇</h2>
<p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追兇) | <a href="">回家的誘惑</a>(絕望的主婦還擊妖嬈小三) | <a href="">掩護</a>(陸毅劉濤密碼傳情) <a href="">更多</a></p>
<div class="cb"></div>
<ul>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
</ul>
</div>
<div class="today-section half">
<h2>今日電視劇</h2>
<p class="today-title"><a href="">少年四大名捕</a>(TVB四小生破案追兇) | <a href="">回家的誘惑</a>(絕望的主婦還擊妖嬈小三) | <a href="">掩護</a>(陸毅劉濤密碼傳情) <a href="">更多</a></p>
<div class="cb"></div>
<ul>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
<li class="item">
<a href="" class="img-link"><span>畫面唯美魔幻仙</span></a>
<p><a href="">仙境之橋</a>(720p) <a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
<p>臺灣黑幫愛情悲劇</p>
</ul>
</div>
</div>
<div class="footer w968">
<fieldset>
<form action="">
<input type="text" name="q" class="q" value="碟中諜4"><input type="submit"
class="four" value="搜索">
</form>
<ul>
<li><a href="">哈哈哈哈</a></li>
<li><a href="">哈哈哈哈</a></li>
<li><a href="">哈哈哈哈</a></li>
</ul>
</fieldset>
<dl>
<dt>首頁</dt>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
</dl>
<dl>
<dt>分類</dt>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
</dl>
<dl>
<dt>APP</dt>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
</dl>
<dl>
<dt>支持</dt>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
</dl>
<dl class="about-us">
<dt>分類</dt>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
<dd><a href="">哈哈</a></dd>
</dl>
</div>
</body>
</html>
