2 Star 5 Fork 0

Lin Zhijie/模仿2020B站页面

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
list.html 36.44 KB
一键复制 编辑 原始数据 按行查看 历史
Lin Zhijie 提交于 2020-12-18 02:30 . 第一次提交
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>B站 - 搜索结果</title>
<link rel="stylesheet" type="text/css" href="css/header.css"/>
<link rel="stylesheet" type="text/css" href="css/列表.css"/>
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
</head>
<body>
<!--标题栏开始-->
<header>
<!--左边板块开始-->
<div class="hleft">
<!--logo开始-->
<div class="logo">
<a href="首页.html">
<span class="zhuzhan">主站</span>
</a>
<!--目录开始-->
<div class="meun">
<div class="mleft">
<a href="#" class="ms">动画
<span>1996</span></a>
<a href="#" class="ms">生活
<span>15936</span></a>
<a href="#" class="ms">番剧
<span>107</span></a>
<a href="#" class="ms">鬼畜
<span>110</span></a>
<a href="#" class="ms">国创
<span>154</span></a>
<a href="#" class="ms">时尚
<span>892</span></a>
<a href="#" class="ms">音乐
<span>3407</span></a>
<a href="#" class="ms">广告
<span>83</span></a>
<a href="#" class="ms">舞蹈
<span>495</span></a>
<a href="#" class="ms">娱乐
<span>3363</span></a>
<a href="#" class="ms">游戏
<span>17878</span></a>
<a href="#" class="ms">影视
<span>2985</span></a>
<a href="#" class="ms">科技
<span>2746</span></a>
<a href="#" class="ms">放映厅
<span class="ls">302</span></a>
<a href="#" class="ms">数码
<span>486</span></a>
</div>
<div class="mright">
<a href="#" class="ms">专栏</a>
<a href="#" class="ms">直播</a>
<a href="#" class="ms">小黑屋</a>
<a href="#" class="ms">话题</a>
<a href="#" class="ms">活动</a>
<a href="#" class="ms">赛事</a>
</div>
</div>
<!--目录结束-->
</div>
<!--logo结束-->
<!--左导航开始-->
<ul>
<li><a href="#" class="zhuli">番剧</a></li>
<li class="games"><a href="#" class="zhuli">游戏中心</a>
<div class="games-1">
<div class="games-1-left">
<img src="img/header/gl1.jpg"/>
<p class="ig">妄想破绽</p>
<a href="#"><img src="img/header/gl2.jpg" title="双生世界" /><p>双生世界</p></a>
<a href="#"><img src="img/header/gl3.png" title="命运-冠" /><p>命运-冠</p></a>
<a href="#"><img src="img/header/gl4.png" title="重装战姬" /><p>重装战姬</p></a>
</div>
<div class="games-1-right">
<img src="img/header/xinyou.png" />
<ul>
<li><a href="#">逃脱者:困境突围</a><img src="img/header/g1.png"/></li>
<li><a href="#">泡沫冬景</a><img src="img/header/g2.png"/></li>
<li><a href="#">站双帕弥什</a><img src="img/header/g3.png" /></li>
<li><a href="#">大王不高兴</a><img src="img/header/g4.png"/></li>
<li><a href="#">阴阳师:百闻啤</a><img src="img/header/g5.png"/></li>
<li><a href="#">公主连结Re:Dive</a><img src="img/header/g6.png"/></li>
<li><a href="#">Dead Cells</a><img src="img/header/g7.png" /></li>
</ul>
</div>
</div>
</li>
<li class="zhibo"><a href="#" class="zhuli">直播</a>
<div class="zhibo-1">
<div class="zhibo-1-left">
<h3>热门直播</h3>
<div class="zhibo-list">
<a href="#"><img src="img/header/t1.webp"/><div class="zhibo-hover">LIVE</div>
<p>酸奶EIF</p></a>
<a href="#"><img src="img/header/t2.webp"/><div class="zhibo-hover">LIVE</div>
<p>夜落莫言</p></a>
<a href="#"><img src="img/header/t3.webp"/><div class="zhibo-hover">LIVE</div>
<p>十二月的...</p></a>
<a href="#"><img src="img/header/t4.webp"/><div class="zhibo-hover">LIVE</div>
<p>睡神不醒、</p></a>
<a href="#"><img src="img/header/t5.webp"/><div class="zhibo-hover">LIVE</div>
<p>是辞妹o</p></a>
<a href="#"><img src="img/header/t6.webp"/><div class="zhibo-hover">LIVE</div>
<p>梦醒三生梦</p></a>
</div>
</div>
<div class="zhibo-1-right">
<h3>热门活动</h3>
<div class="zhibo-1-right-tu"><img src="img/header/zyt1.jpg"/></div>
<div class="zhibo-1-right-tu"><img src="img/header/zyt2.jpg"/></div>
</div>
</div>
</li>
<li><a href="#" class="zhuli">会员购</a></li>
<li class="manhua"><a href="#" class="zhuli">漫画</a>
<div class="manhua-1">
<div class="manhua-1-left">
<div class="manhuadiv"><img src="img/header/man1.png" title="我的英雄学院"/><p>我的英雄学院</p></div>
<div class="manhuadiv"><img src="img/header/man2.png" title="鬼灭之刃"/><p>鬼灭之刃</p></div>
<div class="manhuadiv"><img src="img/header/man3.jpg" title="刀剑神域"/><p>刀剑神域</p></div>
<div class="manhuadiv"><img src="img/header/man4.jpg" title="天官赐福"/><p>天官赐福</p></div>
</div>
<div class="manhua-1-right">
<p>人气漫画</p>
<ol>
<li class="mname"><a href="#">鬼灭之刃</a><img src="img/header/mname1.jpg"/></li>
<li class="mname"><a href="#">BEASTERS 动物...</a><img src="img/header/mname2.jpg"/></li>
<li class="mname"><a href="#">入间同学入魔了!</a><img src="img/header/mname3.jpg"/></li>
<li class="mname"><a href="#">幽冥诡匠</a><img src="img/header/mname4.jpg"/></li>
<li class="mname"><a href="#">租借女友</a><img src="img/header/mname5.jpg"/></li>
<li class="mname"><a href="#">天官赐福</a><img src="img/header/mname6.jpg"/></li>
</ol>
</div>
</div>
</li>
<li><a href="#" class="zhuli">赛事</a></li>
<li class="BML"><a href="#" class="zhuli">BML</a>
<div class="bml-1">
<a href="#"><img src="img/header/bml1.webp" title="BML广州赛预售开启!"/>
<p>BML广州赛预售开启!</p></a>
<a href="#" class="bml-1-2"><img src="img/header/bml2.webp" title="BilibiliWorld成都"/>
<p>BilibiliWorld成都</p></a>
</div>
</li>
<li class="xiazai"><a href="#" class="zhuli">下载APP</a>
<div class="xiazaiapp"></div>
</li>
</ul>
<!--左导航结束-->
</div>
<!--左边板块结束-->
<!--右边板块开始-->
<div class="hright">
<div class="tou"><a href="#"><img src="img/header/tou.webp" class="tou-img"/></a>
<div class="tou-1">
<p class="tou-p">迷茫小妖</p>
<div class="tdiv-1">
<span class="szuo">等级4</span>
<span class="syou">8870 / 10800</span>
<img src="img/header/xian.png"/>
<div class="tdiv-1-1">
<p class="p-title">作为LV4,你可以:</p>
<p>1、发射高级弹幕(彩色、高级、顶部、底部)</p>
<p>2、参与视频互动(评论、添加、Tag)</p>
<p>3、投稿成为偶像</p>
<a href="#">会员等级相关说明&nbsp;&nbsp;&nbsp;&nbsp;></a>
</div>
</div>
<div class="tdiv-2">
<span><img src="img/header/t2-2.png"/>683.0</span>
<span><img src="img/header/t2-1.png"/>0</span>
<img src="img/header/t2-3.png"/>
</div>
<div class="tdiv-3">
<div class="tdiv-3-1">
<span>关注</span>
<p>166</p>
</div>
<div class="tdiv-3-1">
<span>粉丝</span>
<p>0</p>
</div>
<div class="tdiv-3-1">
<span>动态</span>
<p>0</p>
</div>
</div>
<ul id="tou-ul">
<li id="tli"><a href="#">个人中心</a></li>
<li id="tli"><a href="#">投稿管理</a></li>
<li id="tli"><a href="#">B币钱包</a></li>
<li id="tli"><a href="#">订单中心</a></li>
<li id="tli"><a href="#">直播中心</a></li>
<li id="tli"><a href="#">我的课程</a></li>
</ul>
<div class="tdiv-4">
语言:简体中文
<img src="img/header/tjian.png"/>
<div class="tdiv-4-1">
<ul>
<li class="tdiv-4-shang">简体中文
<img src="img/header/tgou.png" /></li>
<li>繁体中文</li>
</ul>
</div>
</div>
<div class="tdiv-5">
<div class="tdiv-5-1">
退出
</div>
</div>
</div>
</div>
<ul class="rul">
<li class="huiyuan"><a href="#">大会员</a>
<div class="huiyuan-1">
<h3>精彩推荐</h3>
<div class="huiyuan-zhong">
<img src="img/header/huiyuan1.jpg"/>
<p>限时5元升级!</p>
</div>
<div class="huiyuan-zhong">
<img src="img/header/huiyuan2.jpg" class="huiyuan-2"/>
<p>每天0.6元享双重会员</p>
</div>
<a href="#">开通大会员</a>
</div>
</li>
<li class="xiaoxi"><a href="#">消息</a>
<div class="xiaoxi-1">
<ul>
<li><a href="#">回复我的</a></li>
<li><a href="#">@我的</a></li>
<li><a href="#">收到的赞</a></li>
<li><a href="#">系统通知</a><img src="img/header/one.png"/></li>
<li><a href="#">我的消息</a></li>
</ul>
</div>
<img src="img/header/one.png"/>
</li>
<li class="dongtai"><a href="#">动态</a>
<div class="dongtai-1">
<div class="dongtai-1-top">
<span>视频动态</span><p>直播</p><p>专栏</p>
</div>
<div class="dongtai-1-bottom">
<div class="dongtai-xiaoxi">
暂时没有新动态了哦!
<div class="dongtai-tip">历史动态</div>
</div>
<div class="dongtai-1-bottom-bottom">
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl1.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr1.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl2.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr2.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl3.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr3.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl4.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr4.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl5.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr5.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl6.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr6.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl7.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr7.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl8.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr8.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl9.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr9.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl10.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr10.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl11.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr11.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl12.webp"/>
<img src="img/header/d1.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr12.webp" class="imgyou"/>
</div>
<div class="dtdiv">
<div class="imgzuo">
<img src="img/header/dl13.webp"/>
<img src="img/header/d2.svg" class="imgbiao"/>
</div>
<p class="shangzuo">九九练字高效</p>
<p class="shangyou">31分钟前</p>
<p class="xiaxia">重启百万粉丝练字计划,"每日一字"重磅来袭!!!</p>
<img src="img/header/dr13.webp" class="imgyou"/>
</div>
<a href="#">查看全部</a>
</div>
</div>
</div>
</li>
<li class="shoucang"><a href="#">收藏</a>
<div class="shoucang-1">
<div class="shoucang-1-left">
<div class="scl-shang">
默认收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;32
</div>
<div class="scl-xia">
稍后再看&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0
</div>
</div>
<div class="shoucang-1-right">
<div class="scr-shang">
<div class="spdiv">
<img src="img/header/ls8.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls9.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls10.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls11.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls12.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls13.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls14.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
<div class="spdiv">
<img src="img/header/ls15.webp"/>
<span>01:09</span>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会</p>
</div>
</div>
<div class="scr-xia">
<div class="scr-xia-left">
查看全部
</div>
<div class="scr-xia-right">
播放全部
</div>
</div>
</div>
</div>
</li>
<li class="lishi"><a href="#">历史</a>
<div class="lishi-1">
<div class="lishi-1-top">
<p><span class="zhuan1">视频历史</span><span class="zhuan2">专栏</span></p>
</div>
<div class="lishi-1-bottom">
<p>今天</p>
<div class="spdiv">
<img src="img/header/ls1.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<div class="spdiv">
<img src="img/header/ls2.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<div class="spdiv">
<img src="img/header/ls3.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<p>更早</p>
<div class="spdiv">
<img src="img/header/ls4.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<div class="spdiv">
<img src="img/header/ls5.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<div class="spdiv">
<img src="img/header/ls6.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<div class="spdiv">
<img src="img/header/ls7.webp"/>
<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶? 华为MatePad Pro...</p>
<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
</div>
<a href="#">查看全部</a>
</div>
</div>
</li>
<li><a href="#">创作中心</a></li>
</ul>
<div class="tougao"><a href="#">投稿</a>
<div class="tougao-1">
<ul>
<li><a href="#"><img src="img/header/tg1.png"/>专栏投稿</a></li>
<li><a href="#"><img src="img/header/tg2.png"/>音频投稿</a></li>
<li><a href="#"><img src="img/header/tg3.png"/>视频投稿</a></li>
<li><a href="#"><img src="img/header/tg4.png"/>投稿管理</a></li>
</ul>
</div>
</div>
</div>
<!--右边板块结束-->
</header>
<!--标题栏结束-->
<!--列表栏开始-->
<div class="liebiao">
<div class="liebiao-1">
<img src="img/liebiao/sousuo.png"/>
<form action="#" method="post">
<input type="text" value="b站"/>
<input type="button" id="btn" value="搜索" />
</form>
</div>
<ul class="lb-mulu" id="lb">
<li class="zhonghe"><a href="#">综合</a></li>
<li><a href="#">视频<span>99+</span></a></li>
<li><a href="#">番剧<span>1</span></a></li>
<li><a href="#">影视<span>19</span></a></li>
<li><a href="#">直播<span>32</span></a></li>
<li><a href="#">专栏<span>99+</span></a></li>
<li><a href="#">话题<span>99+</span></a></li>
<li><a href="#">用户<span>99+</span></a></li>
<li><a href="#">相簿<span>99+</span></a></li>
<li class="xian"></li>
</ul>
<div class="liebiao-2">
<ul>
<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>
<li><a href="#">全部时长</a></li>
<li><a href="#">10分钟以下</a></li>
<li><a href="#">10-30分钟</a></li>
<li><a href="#">30-60分钟</a></li>
<li><a href="#">60分钟以上</a></li>
</ul>
<ul class="liebiao-2-xia">
<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>
<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>
<li><a href="#">电影</a></li>
<li><a href="#">电视剧</a></li>
</ul>
<div class="liebiao-2-tu-1"></div>
<div class="liebiao-2-tu-2"></div>
<a href="#" class="shouqi">收起<img src="img/liebiao/jiantou.png" alt="" /></a>
</div>
<ul class="lb-zhengwen">
<li>
<div class="lb-1">
<a href="内容页.html"><img src="img/liebiao/l8.webp" title="【Lex】B站历史上意义最重大的10部动画!" class="lb-1-img-1"/></a>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title">【Lex】<span>B站</span>历史上意义最重大的10部动画!</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">LexBurner</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l2.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l3.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l4.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l5.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l6.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l7.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l1.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l9.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l10.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l11.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l12.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l13.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l14.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l15.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l16.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l17.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l18.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l19.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
<li>
<div class="lb-1">
<img src="img/liebiao/l20.webp" title="B站几大镇站之宝" class="lb-1-img-1"/>
<span>03:36</span>
<img src="img/liebiao/shijian.png" class="lb-1-img-2"/>
</div>
<div class="lb-2">
<a href="#" class="lb-title"><span>B站</span>几大镇站之宝</a>
</div>
<span class="lb-left">246.2万</span>
<span class="lb-right">2017-09-03</span><br />
<a href="#" class="lb-up">傲大曼</a>
</li>
</ul>
<div class="pager">
<ul class="lb-biao">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">...</a></li>
<li><a href="#">50</a></li>
<li><a href="#">下一页</a></li>
</ul>
</div>
</div>
<!--列表栏结束-->
<!--版权栏开始-->
<footer>
<div class="footer-top">
<div class="footer-top-1">
<h3>bilibili</h3>
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">bilibili认证</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">友情链接</a></li>
<li><a href="#">Investor Relations</a></li>
</ul>
</div>
<div class="footer-top-2">
<h3>传送门</h3>
<ul>
<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>
<li><a href="#">名人堂</a></li>
</ul>
</div>
<div class="footer-top-3">
<ul>
<li><a href="#">
<img src="img/footer/f1.png" class="f-img-zuo"/>
<p>客户端下载</p>
<img src="img/footer/f4.png" class="f-img-you"/>
</a></li>
<li><a href="#">
<img src="img/footer/f2.png" class="f-img-zuo"/>
<p>新浪微博</p>
<img src="img/footer/f5.png" class="f-img-you"/>
</a></li>
<li><a href="#">
<img src="img/footer/f3.png" class="f-img-zuo"/>
<p>官方微信</p>
<img src="img/footer/f6.png" class="f-img-you f-da"/>
</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-left">
<img src="img/footer/bq1.png" />
<img src="img/footer/bq2.png" />
<img src="img/footer/bq3.png" id="fimg" />
</div>
<div class="footer-bottom-right">
<p>广播电视节目制作经营许可证:(沪)字第1248号|网络文化经营许可证:沪网文【2016】2296-134号|信息网络传播视听节目许可证:0910417</p>
<p>互联网ICP备案:<a href="#">沪ICP备13002172号-3</a>沪ICP证:沪B2-20100043 |违法不良信息举报邮箱:[email protected] |违法不良信息举报电话:4000233233转3 | <a href="#">营业执照</a></p>
<p><img src="img/footer/fp1.png"/><a href="#">上海互联网举报中心</a> | <a href="#">12318全国文化市场举报网站 </a>| <img src="img/footer/fp2.png"/><a href="#">沪公网安备31011002002436号</a> | <a href="#">儿童色情信息举报专区</a></p>
<p>网上有害信息举报专区:<img src="img/footer/fp3.png"/><a href="#">中国互联网违法和不良信息举报中心</a></p>
<p>亲爱的市民朋友,上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设,请您一旦收到来电,立即接听。</p>
<p>公司名称:上海宽娱数码科技有限公司|公司地址:上海市杨浦区政立路485号|电话:021-25099888</p>
</div>
<div class="huojian">
<a href="#"><img src="img/footer/huojian.png"/></a>
</div>
</div>
</footer>
<!--版权栏结束-->
<script src="js/xian.js"></script>
<script src="js/changeimg.js"></script>
<script src="js/changeimg-dong.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML/CSS
1
https://gitee.com/lin-zhijie/imitate-2020-b-station-page.git
[email protected]:lin-zhijie/imitate-2020-b-station-page.git
lin-zhijie
imitate-2020-b-station-page
模仿2020B站页面
master

搜索帮助