🎉
不定期分享源码，关注不丢失哦
一、作品介绍
🏷️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。
二、作品演示
三、代码目录
四、网站代码
HTML部分代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>电影网</title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div class="wrap">
<div class="header base">
<div class="logo">
<img src="./img/logo.png">
</div>
<div class="search">
<form>
<input type="" name="" placeholder="我给你开过车">
<button>搜索</button>
</form>
</div>
<div class="links">
<a href="">播放记录</a>
<a href="">登录/注册</a>
</div>
</div>
<div class="nav">
<ul class=" base">
<li class="on"><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="base banner">
<img src="./img/ba.jpeg">
</div>
<div class="pian base">
<div class="pian_tit">最新大片 <a href="">查看更多</a></div>
<div class="pian_content">
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">马锡五断案</div>
<div class="pian_desc">巡回庭审司法为民</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/6.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
</div>
</div>
<div class="pian base">
<div class="pian_tit">港台片场 <a href="">查看更多</a></div>
<div class="pian_content">
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">马锡五断案</div>
<div class="pian_desc">巡回庭审司法为民</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/6.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
</div>
</div>
<div class="pian base">
<div class="pian_tit">欧美片场 <a href="">查看更多</a></div>
<div class="pian_content">
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">马锡五断案</div>
<div class="pian_desc">巡回庭审司法为民</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/6.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
</div>
</div>
<div class="pian base">
<div class="pian_tit">独家片场 <a href="">查看更多</a></div>
<div class="pian_content">
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">马锡五断案</div>
<div class="pian_desc">巡回庭审司法为民</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/3.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/2.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/1.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/4.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/5.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
<div class="pian_item">
<a href="">
<div class="pian_img"><img src="./img/6.jpeg"></div>
<div class="pian_info">
<div class="pian_name">绝战香炉寺</div>
<div class="pian_desc">坚毅少年复仇之路</div>
</div>
</a>
</div>
</div>
</div>
<div class="footer">
<div class="base">
<ul class="footer_nav">
<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>
<div class="footer_bom">
<div class="base">
<span class="bb">CopyRight © 2017</span>
<span>电影频道节目中心官方网站| 京ICP证100935</span>
</div>
</div>
</div>
</body>
</html>
五、源码获取
🥇 ~ 关注我，点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
💙2.想要获取本文源码，点击前往吧