关于仿写00片刻企业站

单页index

代码段如下

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>片刻</title><style>* {margin: 0;padding: 0;text-decoration: none;list-style: none;}h1 {display: none;}/* nav 导航栏 */.nav {/* 以100%的宽度显示但是需要一个最小宽度 */min-width: 1354px;height: 90px;/* background-color: pink; *//* min-width: 800px;如果浏览器的宽度大于800，那么nav的宽度就是浏览器的宽度如果浏览器的宽度小于800，那么nav的宽度就是800 */}.nav .wrap {width: 1354px;height: 90px;margin: 0 auto;}.nav .wrap .logo {float: left;height: 46px;margin-top: 22px;margin-left: 76px;margin-right: 88px;}.nav .wrap a {float: left;width: 74px;color: #000;line-height: 87px;height: 87px;border-bottom: 3px solid #fff;text-align: center;}.nav .wrap .now {background-color: #fafafa;border-color: #000;}.nav .wrap .login {float: right;width: 118px;height: 44px;line-height: 44px;border: 1px solid #60b469;margin-top: 22px;margin-right: 78px;color: #60b469;border-radius: 23px;font-style: 14px;}/* main 主体 */.main {background-color: #f9f9f9;min-width: 1354px;}.main .wrap {width: 900px;margin: 0 auto;overflow: hidden;}.main .wrap .tus {height: 450px;margin-top: 30px;}.main .wrap .tus img {width: 50%;float: left;height: 100%;}.main .wrap .tus div {width: 50%;height: 100%;float: left;}.main .wrap .tus div img {width: 50%;height: 50%;float: left;}/* 标题 */.main .wrap .title {height: 18px;margin: 74px 0 40px;}.main .wrap .title span {height: 18px;line-height: 18px;font-size: 16px;float: left;}.main .wrap .title .cube {height: 18px;width: 18px;margin-right: 14px;background-color: #000;}.main .wrap .read li {height: 193px;width: 898px;/* background-color: pink; */border: 1px solid #e8e8e8;}.main .wrap .read li div {width: 628px;height: 193px;float: left;/* background-color: yellow; */}.main .wrap .read li div p {margin: 0 54px 0 20px;color: #989898;}.main .wrap .read li div .title {font-size: 24px;height: 32px;line-height: 32px;margin-top: 12px;}.main .wrap .read li div .author {height: 24px;font-size: 16px;line-height: 24px;}.main .wrap .read li div .line {width: 30px;height: 1px;background-color: #989898;margin: 12px 0 16px 20px;float: none;}.main .wrap .read li div .words {font-size: 12px;height: 32px;line-height: 16px;}.main .wrap .read li div .words span {color: #60b469;}.main .wrap .read li div .words img {width: 12px;height: 12px;margin-top: 4px;}.main .wrap .read li img {width: 270px;height: 100%;float: right;}/* data 两块用到改造成公共样式 *//* ----------start-------------- */.main .wrap .read li div .data {height: 16px;margin-top: 26px;}.main .wrap .raed li div .data span {height: 16px;line-height: 16px;font-size: 12px;float: left;color: #989898;}.main .wrap .read li div .data .sl {margin: 0 10px;}/* -----------end------------ *//* ting */.main .wrap .ting {height: 390px;/* background-color: pink; */}.main .wrap .ting li {float: left;height: 388px;width: 276px;border-radius: 10px;overflow: hidden;border: 1px solid #e8e8e8;background-color: #fff;color: #989898;}.main .wrap .ting li img {height: 276px;width: 278px;display: block;}.main .wrap .ting li p {margin-left: 10px;margin-right: 10px;}.main .wrap .ting li .name {font-size: 24px;height: 28px;line-height: 28px;margin-top: 20px;overflow: hidden;}.main .wrap .ting li .zhubo {font-size: 12px;height: 20px;line-height: 20px;margin-top: 5px;}.main .wrap .ting li div .data {height: 16px;margin-top: 16px;}.main .wrap .ting li div .data span {height: 16px;line-height: 16px;font-size: 12px;float: left;color: #989898;}.main .wrap .ting li div .data .sl {margin: 0 10px;}.main .wrap .pk li {height: 234px;width: 218px;margin-top: 40px;margin-left: 5px;float: left;border: 1px solid #e8e8e8;}.main .wrap .pk li .left {height: 234px;width: 100px;float: left;}.main .wrap .pk li .left .logo {height: 80px;width: 80px;margin-top: 50px;margin-left: 20px;border-radius: 50%;}.main .wrap .pk li .left .type {width: 56px;height: 20px;margin-top: 10px;margin-left: 30px;border-radius: 10px;}.main .wrap .pk li .right {width: 98px;margin-left: 20px;height: 234px;float: left;}.main .wrap .pk li .right .title {margin-top: 72px;height: 18px;font-size: 18px;line-height: 18px;}.main .wrap .pk li .right .author {height: 14px;margin-top: 10px;line-height: 14px;font-size: 14px;color: #989898;}.main .wrap .pk li .right .line {height: 3px;width: 16px;margin-top: 28px;background-color: #989898;}.main .wrap a img {height: 56px;width: 194px;border-radius: 24px;margin: 100px 353px;}.bottom {min-width: 1354px;height: 124px;}.bottom .wrap {width: 1354px;height: 124px;margin: 0 auto;overflow: hidden;background-color: #252525;}.bottom .wrap .logo {height: 50px;margin-left: 126px;margin-top: 37px;float: left;}.bottom .wrap .center {height: 50px;margin-left: 20px;margin-top: 37px;float: left;}.bottom .wrap .center a {height: 25px;font-size: 14px;line-height: 25px;margin-left: 16px;float: left;color: #989898;}.bottom .wrap .center div a {color: #434343;font-size: 14px;margin-left: 0;}.bottom .wrap .right {height: 40px;margin-top: 36px;margin-right: 30px;float: right;}</style>
</head><body><h1>片刻</h1><div class="nav"><div class="wrap"><img class="logo" src="./img/head-logo.png" alt=""><a class="now" href="###">首页</a><a href="###">阅读</a><a href="###">电台</a><a href="###">碎片</a><a href="###">客户端</a><a class="login" href="###">登录/注册</a></div></div><div class="main"><div class="wrap"><div class="tus"><img src="./img/banner.jpg" alt=""><div><img src="./img/banner1.jpg" alt=""><img src="./img/banner2.jpg" alt=""><img src="./img/banner3.jpg" alt=""><img src="./img/banner4.jpg" alt=""></div></div><p class="title"><span class="cube"></span><span>阅读 | Head</span></p><ul class="read"><li><div><p class="title">年华</p><p class="author">By / 盗梦的益安</p><div class="line"></div><p class="words">1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，到这个年纪再婚，条件不用列举，彼此心里都有<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>5.3k次阅读</span><span class="sl">|</span><span>评论52</span><span class="sl">|</span><span>喜欢118</span></p></div><img src="./img/list1.png" alt=""></li><li style="margin: 10px 0;"><div><p class="title">偷心</p><p class="author">By / 子夜星星</p><div class="line"></div><p class="words">-001-她说我要去投一个东西，你帮我好不好，她说这句话的时候，没有一点求我办事的语气-001-她说我要去投一个东西，你帮我好不好，她说这句话的时候，没有一点求我办事的语气-001-她说我要去投一个东西，你帮我好不好，她说这句话的时候，没有一点求我办事的语气<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>3.9k次阅读</span><span class="sl">|</span><span>评论25</span><span class="sl">|</span><span>喜欢124</span></p></div><img src="./img/list2.png" alt=""></li><li><div><p class="title">友人集|与风眠，与你告别和重逢</p><p class="author">By / 方小鱼Finnny</p><div class="line"></div><p class="words">离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲离别也是一种重逢，在电话里对我讲<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>5.3k次阅读</span><span class="sl">|</span><span>评论7</span><span class="sl">|</span><span>喜欢35</span></p></div><img src="./img/list3.png" alt=""></li></ul><p class="title"><span class="cube"></span><span>TING</span></p><ul class="ting"><li><img src="./img/5.jpg" alt=""><p class="name">“我从来不想独身”</p><p class="zhubo">主播/树茵</p><p class="data"><span>5.3k次播放</span><span class="sl">|</span><span>评论52</span><span class="sl">|</span><span>喜欢118</span></p></li><li style="margin: 0 33px;"><img src="./img/8.jpg" alt=""><p class="name">那份笨拙的爱，是心</p><p class="zhubo">主播/你好难忘</p><p class="data"><span>10.2k次播放</span><span class="sl">|</span><span>评论33</span><span class="sl">|</span><span>喜欢316</span></p></li><li><img src="./img/2.jpg" alt=""><p class="name">翻唱|无问东西</p><p class="zhubo">主播/woo控</p><p class="data"><span>11.1k次阅读</span><span class="sl">|</span><span>评论42</span><span class="sl">|</span><span>喜欢348</span></p></li></ul><p class="title"><span class="cube"></span><span>人气片刻 | Hot Pianker</span></p><ul class="pk"><li style="margin-left: 0;"><div class="left"><img class="logo" src="./img/1-2.jpg" alt=""><img class="type" src="./img/user_musician.png" alt=""></div><div class="right"><p class="title">双笙子</p><div class="line"></div><p class="author">古风歌手双笙</p></div></li><li><div class="left"><img class="logo" src="./img/7.jpg" alt=""><img class="type" src="./img/user_musician.png" alt=""></div><div class="right"><p class="title">Miss组合</p><div class="line"></div><p class="author">28届金曲奖</p></div></li><li><div class="left"><img class="logo" src="./img/3.jpg" alt=""><img class="type" src="./img/user_musician.png" alt=""></div><div class="right"><p class="title">Muma木马</p><div class="line"></div><p class="author">摇滚音乐人 木马</p></div></li><li><div class="left"><img class="logo" src="./img/1.jpg" alt=""><img class="type" src="./img/user_author.png" alt=""></div><div class="right"><p class="title">片刻小主</p><div class="line"></div><p class="author">片刻官方猫</p></div></li></ul><a href="###"><img src="./hover/botton.png" alt=""></a></div></div><div class="bottom"><div class="wrap"><img class="logo" src="./img/foot-logo.png" alt=""><div class="center"><a href="###" style="margin-left: 0;">关于我们</a><a href="###">友情链接</a><a href="###">片刻帮助</a><a href="###">意见反馈</a><a href="###">成长记忆</a><div><a href="###">All rights resserved &copy; 2016 pianke.me /黔ICP备17008875号-1</a></div></div><img src="./img/footer-logo2.png" alt="" class="right" style="margin-right: 180px;"><img src="./img/1.png" alt="" class="right" style="margin-right: 44px;"><img src="./img/footer-logo3.png" alt="" class="right"><img src="./img/footer-logo.png" alt="" class="right"></div></div>
</body></html>

单页read

代码段如下

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>read</title><style>* {margin: 0;padding: 0;text-decoration: none;list-style: none;}h1 {display: none;}/* nav 导航栏 */.nav {/* 以100%的宽度显示但是需要一个最小宽度 */min-width: 1354px;height: 90px;/* background-color: pink; *//* min-width: 800px;如果浏览器的宽度大于800，那么nav的宽度就是浏览器的宽度如果浏览器的宽度小于800，那么nav的宽度就是800 */}.nav .wrap {width: 1354px;height: 90px;margin: 0 auto;}.nav .wrap .logo {float: left;height: 46px;margin-top: 22px;margin-left: 76px;margin-right: 88px;}.nav .wrap a {float: left;width: 74px;color: #000;line-height: 87px;height: 87px;border-bottom: 3px solid #fff;text-align: center;}.nav .wrap .now {background-color: #fafafa;border-color: #000;}.nav .wrap .right img {height: 46px;width: 46px;margin-top: 24px;border: 50%;margin-right: 30px;float: right;}.nav .wrap .right {float: right;}.nav .wrap .login {float: right;width: 118px;height: 44px;line-height: 44px;border: 1px solid #60b469;margin-top: 22px;margin-right: 78px;color: #60b469;border-radius: 23px;font-style: 14px;}/* main 主体 */.main {background-color: #f9f9f9;min-width: 1354px;}.main .wrap {width: 900px;margin: 0 auto;overflow: hidden;}.main .wrap .tu {height: 500px;margin-top: 30px;border-radius: 24px;background-image: url(./img/banner1-6.JPG);background-size: 100% 100%;}.main .wrap .title {height: 18px;margin: 74px 0 40px;}.main .wrap .title span {height: 18px;line-height: 18px;font-size: 16px;float: left;}.main .wrap .title .cube {height: 18px;width: 18px;margin-right: 14px;background-color: #000;}.main .wrap .class {overflow: hidden;}.main .wrap .class .tu {height: 90px;width: 178px;background-image: url(./img/one.jpg);float: left;text-align: center;background-size: 100% 100%;margin: 1px;}.main .wrap .class .tu p {height: 18px;line-height: 18px;font-size: 18px;margin-top: 32px;color: white;}.main .wrap .read li {height: 200px;width: 898px;background-color: white;border: 1px solid #989898;}.main .wrap .read li p {margin-left: 20px;color: #989898;}.main .wrap .read li .title {height: 24px;margin-top: 20px;font-size: 24px;line-height: 24px;margin-bottom: 20px;}.main .wrap .read li .author {height: 18px;line-height: 18px;font-size: 18px;}.main .wrap .read li .line {width: 30px;height: 1px;background-color: #989898;margin: 8px 0 8px 20px;float: none;}.main .wrap .read li .words {font-size: 14px;height: 60px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}.main .wrap .read li .words span {color: #60b469;}.main .wrap .read li .words img {width: 12px;height: 12px;margin-top: 4px;}.main .wrap .read li .data {height: 16px;font-size: 12px;margin-top: 10px;}.main .wrap .raed li .data span {height: 16px;line-height: 16px;font-size: 12px;float: left;color: #989898;}.main .wrap .read li .data .sl {margin: 0 10px;}.main .wrap img {height: 216px;width: 900px;margin-top: 66px;}.bottom {min-width: 1354px;height: 124px;margin-top: 66px;}.bottom .wrap {width: 1354px;height: 124px;margin: 0 auto;overflow: hidden;background-color: #252525;}.bottom .wrap .logo {height: 50px;margin-left: 126px;margin-top: 37px;float: left;}.bottom .wrap .center {height: 50px;margin-left: 20px;margin-top: 37px;float: left;}.bottom .wrap .center a {height: 25px;font-size: 14px;line-height: 25px;margin-left: 16px;float: left;color: #989898;}.bottom .wrap .center div a {color: #434343;font-size: 14px;margin-left: 0;}.bottom .wrap .right {height: 40px;margin-top: 36px;margin-right: 30px;float: right;}</style>
</head><body><h1>片刻</h1><div class="nav"><div class="wrap"><img class="logo" src="./img/head-logo.png" alt=""><a href="###">首页</a><a class="now" href="###">阅读</a><a href="###">电台</a><a href="###">碎片</a><a href="###">客户端</a><a class="login" href="###">登录/注册</a><a href="###" class="right"><img src="./hover/anniu.png" alt=""></a></div></div><div class="main"><div class="wrap"><div class="tu"></div><p class="title"><span class="cube"></span><span>分类 | Classification</span></p><div class="class"><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div><div class="tu"><p>早安故事</p></div></div><p class="title"><span class="cube"></span><span>热门文章 | Hot Article</span></p><ul class="read"><li><p class="title">新的一年，你不解决这五件事，就不要奋斗了</p><p class="author">By / 陈陌予</p><div class="line"></div><p class="words">1.在结婚一次，当下的安稳，只拍一组白纱做1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，到这个年纪再婚，条件不用列举，彼此心里都有1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>5.3k次阅读</span><span class="sl">|</span><span>评论52</span><span class="sl">|</span><span>喜欢118</span></p></li><li style="margin: 10px 0;"><p class="title">新的一年，你不解决这五件事，就不要奋斗了</p><p class="author">By / 陈陌予</p><div class="line"></div><p class="words">1.在结婚一次，当下的安稳，只拍一组白纱做1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，到这个年纪再婚，条件不用列举，彼此心里都有1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>5.3k次阅读</span><span class="sl">|</span><span>评论52</span><span class="sl">|</span><span>喜欢118</span></p></li><li><p class="title">新的一年，你不解决这五件事，就不要奋斗了</p><p class="author">By / 陈陌予</p><div class="line"></div><p class="words">1.在结婚一次，当下的安稳，只拍一组白纱做1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，到这个年纪再婚，条件不用列举，彼此心里都有1.在结婚一次，当下的安稳，只拍一组白纱做纪念，怀孕已三月，也不见胖，涨点年纪事韵味，挽着G先生得手，不输那些年轻那女，<span>VIEW ALL</span><img src="./img/viewall.png" alt=""></p><p class="data"><span>5.3k次阅读</span><span class="sl">|</span><span>评论52</span><span class="sl">|</span><span>喜欢118</span></p></li></ul><img src="./img/conf.jpg" alt=""><img src="./img/conf2.jpg" alt=""><img src="./img/conf3.jpg" alt=""></div></div><div class="bottom"><div class="wrap"><img class="logo" src="./img/foot-logo.png" alt=""><div class="center"><a href="###" style="margin-left: 0;">关于我们</a><a href="###">友情链接</a><a href="###">片刻帮助</a><a href="###">意见反馈</a><a href="###">成长记忆</a><div><a href="###">All rights resserved &copy; 2016 pianke.me /黔ICP备17008875号-1</a></div></div><img src="./img/footer-logo2.png" alt="" class="right" style="margin-right: 180px;"><img src="./img/1.png" alt="" class="right" style="margin-right: 44px;"><img src="./img/footer-logo3.png" alt="" class="right"><img src="./img/footer-logo.png" alt="" class="right"></div></div>
</body></html>

单页fm3

代码段如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>fm</title><style>* {margin: 0;padding: 0;}* {margin: 0;padding: 0;text-decoration: none;list-style: none;}h1 {display: none;}/* nav 导航栏 */.nav {/* 以100%的宽度显示但是需要一个最小宽度 */min-width: 1354px;height: 90px;/* background-color: pink; *//* min-width: 800px;如果浏览器的宽度大于800，那么nav的宽度就是浏览器的宽度如果浏览器的宽度小于800，那么nav的宽度就是800 */}.nav .wrap {width: 1354px;height: 90px;margin: 0 auto;}.nav .wrap .logo {float: left;height: 46px;margin-top: 22px;margin-left: 76px;margin-right: 88px;}.nav .wrap a {float: left;width: 74px;color: #000;line-height: 87px;height: 87px;border-bottom: 3px solid #fff;text-align: center;}.nav .wrap .now {background-color: #fafafa;border-color: #000;}.nav .wrap .right img {height: 46px;width: 46px;margin-top: 24px;border: 50%;margin-right: 30px;float: right;}.nav .wrap .right {float: right;}.nav .wrap .login {float: right;width: 118px;height: 44px;line-height: 44px;border: 1px solid #60b469;margin-top: 22px;margin-right: 78px;color: #60b469;border-radius: 23px;font-style: 14px;}.main {background-color: #f9f9f9;min-width: 1354px;}.main .wrap {width: 1000px;margin: 0 auto;overflow: hidden;}.main .wrap .tu {height: 500px;width: 1000px;margin-top: 30px;border-radius: 24px;background-image: url(./img/banner-1.jpg);background-size: 100% 100%;}.main .wrap .bk {height: 156px;width: 1000px;margin-top: 100px;border-top: 1px dashed #000;border-bottom: 1px dashed #000;}.main .wrap .bk div {height: 56px;width: 144px;background-color: white;border: 1px solid #e8e8e8;margin-top: 49px;float: left;margin-left: 4px;}.main .wrap .bk div img {height: 28px;margin-left: 38px;margin-top: 14px;float: left;}.main .wrap .bk div p {height: 28px;font-size: 18px;margin-top: 14px;margin-left: 12px;float: left;}.main .wrap .title {height: 18px;margin: 74px 0 40px;}.main .wrap .title span {height: 18px;line-height: 18px;font-size: 16px;float: left;}.main .wrap .title .cube {height: 18px;width: 18px;margin-right: 14px;background-color: #000;}.main .wrap .ting {height: 422px;}.main .wrap .ting li {width: 308px;height: 422px;border-radius: 1px;border: 1px solid #a9a9a9;float: left;border-top-left-radius: 5px;border-top-right-radius: 5px;}.main .wrap .ting li img {height: 308px;width: 308px;}.main .wrap .ting li p {color: #a9a9a9;margin-left: 20px;}.main .wrap .ting li .name {margin-top: 26px;height: 22px;font-size: 22px;line-height: 22px;width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    }.main .wrap .ting li .zhubo {height: 14px;line-height: 14px;font-size: 12px;margin-top: 8px;}.main .wrap .ting li .data {font-size: 12px;height: 14px;margin-top: 10px;}.main .wrap .ting li .data span {height: 14px;line-height: 14px;font-size: 12px;float: left;color: #989898;}.main .wrap .ting li .data .sl {margin: 0 10px;}.main .wrap .hot {height: 448px;}.main .wrap .hot li {width: 300px;height: 448px;float: left;text-align: center;}.main .wrap .hot li .img1 {position: absolute;z-index: 1;}.main .wrap .hot li .img1 img {height: 300px;width: 300px;border-radius: 10px;}.main .wrap .hot li .img2 {position: absolute;z-index: 2;top: 40px;}.main .wrap .hot li .img2 img {border-radius: 10px;height: 270px;width: 270px;}.main .wrap .hot li .img3 {position: absolute;z-index: 3;}.mian .wrap .hot li .img3 img {border-radius: 10px;height: 240px;}</style>
</head>
<body><h1>片刻</h1><div class="nav"><div class="wrap"><img class="logo" src="./img/head-logo.png" alt=""><a href="###">首页</a><a href="###">阅读</a><a class="now" href="###">电台</a><a href="###">碎片</a><a href="###">客户端</a><a class="login" href="###">登录/注册</a><a href="###" class="right"><img src="./hover/anniu.png" alt=""></a></div></div><div class="main"><div class="wrap"><div class="tu"></div><div class="bk"><div style="margin-left: 52px;"><img src="./img/love.png" alt=""><p>爱情</p></div><div><img src="./img/rip.png" alt=""><p>旅行</p></div><div><img src="./img/story.png" alt=""><p>故事</p></div><div><img src="./img/music.png" alt=""><p>音乐</p></div><div><img src="./img/movie.png" alt=""><p>电影</p></div><div style="margin-right: 52px;"><img src="./img/poetry.png" alt=""><p>读诗</p></div></div><p class="title"><span class="cube"></span><span>推荐TING | Recommendation TING</span></p><ul class="ting"><li><img src="./img/cell-1.jpg" alt=""><p class="name">中国最好的民谣乐队国最好的民谣乐队</p><p class="zhubo">主播/文森FM</p><p class="data"><span>4.5k次播放</span><span class="sl">|</span><span>评论：4</span><span class="sl">|</span><span>喜欢：47</span></p> </li><li style="margin: 0 35px;"><img src="./img/cell-2.jpg" alt=""><p class="name">你认识我的时候，我我我哦我</p><p class="zhubo">主播/杨汁的阳光</p><p class="data"><span>10.3k次播放</span><span class="sl">|</span><span>评论：34</span><span class="sl">|</span><span>喜欢：354</span></p> </li><li><img src="./img/cell-3.jpg" alt=""><p class="name">房东的猫 人生最美好 美好美好美好</p><p class="zhubo">主播/文森FM</p><p class="data"><span>7.7k次播放</span><span class="sl">|</span><span>评论：35</span><span class="sl">|</span><span>喜欢：305</span></p> </li></ul><p class="title"><span class="cube"></span><span>TOP TING</span></p><ul class="ting"><li><img src="./img/cell-4.jpg" alt=""><p class="name">张家界旅游防坑指南</p><p class="zhubo">主播/墨菲</p><p class="data"><span>4.5k次播放</span><span class="sl">|</span><span>评论：4</span><span class="sl">|</span><span>喜欢：47</span></p> </li><li style="margin: 0 35px;"><img src="./img/cell-5.jpeg" alt=""><p class="name">你认识我的时候，我我我哦我</p><p class="zhubo">主播/杨汁的阳光</p><p class="data"><span>10.3k次播放</span><span class="sl">|</span><span>评论：34</span><span class="sl">|</span><span>喜欢：354</span></p> </li><li><img src="./img/cell-6.jpg" alt=""><p class="name">房东的猫 人生最美好 美好美好美好</p><p class="zhubo">主播/文森FM</p><p class="data"><span>7.7k次播放</span><span class="sl">|</span><span>评论：35</span><span class="sl">|</span><span>喜欢：305</span></p> </li></ul><p class="title"><span class="cube"></span><span>热门电台|Hot Radio</span></p><ul class="hot"><li><div class="img1"><img src="./img/NewCell-1.jpg" alt=""></div><div class=""><img src="./img/NewCell-1.jpg" alt=""></div><div class="img3"><img src="./img/NewCell-1.JPG" alt=""></div><p class="name"></p><p class="zhubo"></p><p class="data"></p></li></ul></div></div>
</body>
</html>

关于仿写00片刻企业站相关推荐

2022仿写b站首页
仿写b站首页 ```html <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
仿写王者荣耀官方静态网站-腾讯游戏（HTML+CSS）
1.简介我根据王者荣耀腾讯官方网站仿写的静态网站, 目录 1.简介 2.HTML 部分 3.CSS部分 font.css index.css 2.HTML 部分 <!DOCTYPE html& ...
【京东电商网站主界面仿写—
比较完整的效果在这里~~[[京东网站主界面仿写--使用Html5+CSS3+JavaScript等实现(附源代码和效果),挺炫的喔~~~]](() 这里先展示第一部分,关于HTML主页界面代码. 这里 ...
标贝科技| AI裁判、写手、保姆…站在人性和技术的十字路口
人工智能(AI)已经成为科技界最热门的话题,没有之一,这个行业之所以奇妙而具有前景,正在于其无限的应用场景,但凡能和智能,特别是低智商活动沾上点关系的工作都能交给人工智能去做,比如正在如火如荼进行的 ...
用Taurus.MVC 做个企业站（下）
前言: 上一篇完成了首页,这一篇就把剩下的几个功能给作了吧. 包括文章列表.文章详情和产品展示. 1:文章列表: 原来的ArticleList.aspx 1:现在的articlelist.html 除 ...
文章仿写：拥抱Windows11
本文为电脑爱好者杂志文章<拥抱Windows 2000>的仿写,无商业用,自娱自乐,如有冒犯,还望海涵.如有不足,还请指出. 与Win10"蜜月"未满,微软又育出了Wi ...
计算机英语写一封邮件给汤姆作文,英语仿写一封信介绍自己
敬爱的老师: 您好您是我心目中最敬重的好老师,您虽然十分严厉,但是您把一颗心扑在我们身上. 您起早贪黑,琢磨着更好的教学方法. 您就像蜡烛一样,让我感到前途无限的光明,却燃烧了自己. 树木的成长,离 ...
从零开始仿写一个BiliBili客户端之编译ijkplayer
章节从零开始仿写一个B站客户端之-编译ijkplayer 从零开始仿写一个B站客户端之-抓包B站接口从零开始仿写一个B站客户端之-使用ijkplayer打造一个通用的播放器从零开始仿写一个B站客 ...
尚医通项目仿写部分技术点总结
尚医通项目部分技术点总结前言技术点汇总 1.MybatisPlus 技术介绍使用步骤 2.Excel表格的导入与导出技术介绍使用步骤 3.redis以注解的方式对数据字典进行缓存技术介绍 ...

关于仿写00片刻企业站

关于仿写00片刻企业站

单页index

单页read

单页fm3

关于仿写00片刻企业站相关推荐

最新文章

热门文章