实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>优酷-这世界很酷</title> <link rel="icon" type="image/x-icon" href="static/images/1.ico"> <link rel="stylesheet" type="text/css" href="css/youku.css"> </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" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li class="mr"> <a href="#"> <img src="static/images/b.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li class="mr"> <a href="#"> <img src="static/images/c.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li class="mr"> <a href="#"> <img src="static/images/d.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li class="mr"> <a href="#"> <img src="static/images/e.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li class="mr"> <a href="#"> <img src="static/images/f.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> <li> <a href="#"> <img src="static/images/g.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <div class="clear"></div> </div> <div class="content"> <div class="contentUL"> <h2 class="l mr">剧集 ></h2> <ul class="tab l"> <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 class="clear"></div> </div> <div class="tv_show"> <div class="big_show l mr"> <a href="#"> <img src="static/images/tv.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </div> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv1.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv2.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv3.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/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="static/images/tv5.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv5.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/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="static/images/tv3.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv2.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> <ul class="tv_tab l"> <li class="mr"> <a href="#"> <img src="static/images/tv1.jpg" alt=""><br> <span>瞰中国，宁夏</span> </a><br> <small>低调的宁夏 美了四季</small> </li> </ul> </div> </div> </div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
截图
