<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>起点小说页面</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<!-- /header -->
<header>
<div class="a aimg" >
<img src="image/a.png" alt="a" >
</div>
<div class="a header-1">
<div class="header-11"><img src="image/b.PNG" alt="b" /></div>
<div class="header-22">
<form>
<input class="ser" type="search" name="search" />
</form>
</div>
<div class="header-33">
<form>
<input class="sub" type="image" name="img" src="image\c.png">
</form>
</div>
<div class="header-44"><a href="登录注册页.html" color="#000">我的书架</a></div>
</div>
<nav >
<div class="header-55 "><a href="#" checked="checked">≡作品分类</a></div>
<div><a href="#">全部作品</a></div>
<div><a href="#yp">排行</a></div>
<div><a href="#yp">完本</a></div>
<div><a href="#mf">免费</a></div>
<div><a href="#">搜索</a></div>
</nav>
</header>
<!-- <article> -->
<div class="st a">
<div class="st-1" >
<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>
</ul>
</div>
<div class="st-2">
<img src="image/a1.png" alt="a1" width="800" height="265">
<span class="st-21"><</span>
<span class="st-22">></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="st-4">
<ul>
<li><img src="image/a1.png" alt="a1" ></li>
<li><img src="image/a2.png" alt="a2" width="180" height="60"></li>
<li><img src="image/a3.png" alt="a3" width="180" height="60"></li>
<li class="st-41"><img src="image/a4.png" alt="a4" width="180" height="60"></li>
</ul>
</div>
<div class="st-3">
<h3>祝起点20岁生日快乐!</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=""><span style="color:red">「广告」</span>开局统帅N选一</a></li>
<li><a href=""><span style="color:red">「广告」</span>带你称霸万国战场</a></li>
</ul>
<div class="st-31">🔈<marquee style="color: #FF0000; " behavior="scroll" direction="" scrollamount="5" onmouseover="this.stop() " onmouseout="this.start() ">红盟盟主打赏 《牧神记》 100W点,成为该书白银大盟</marquee>
<!-- 滚动属性,scrollamount 滚动时间 -->
</div>
</div>
</div>
<div class="bd a">
<div class="bd-1">
<div class="bd-18">
<h2 id="yp">月票榜</h2>
</div>
<hr style="height: 1px;border-top:1px solid #000;">
<div class="bd-11">NO.1</div>
<div class="bc-12"> <a href="#">择日飞升</a></div>
<div class="bd-13" style="color:red; margin-top:5px"> 625520票</div>
<div class="ba-14"> <a href="#" style="color:#808080;">仙侠 宅猪</a></div>
<hr style="height: 1px;border-top:1px solid #ccc;">
<div class="bdimg">
<img src="image/b1.png" alt="">
</div>
<ul>
<li ><img src="image/2.png" alt=""> <a href="#">灵境行者</a></li>
<hr style="height: 1px;border-top:1px solid #ccc;">
<li ><img src="image/3.png" alt=""> <a href="#">空港喵影</a></li>
<hr style="height: 1px;border-top:1px solid #ccc;">
<li ><img src="image/4.png" alt=""> <a href="#">俗主</a></li>
<hr style="height: 1px;border-top:1px solid #ccc;">
<li><img src="image/5.png" alt=""> <a href="#">金装秘书</a></li>
</ul>
</div>
<div class="bd-2">
<div class="bd-18">
<h2>畅销榜</h2>
</div>
<hr >
<div class="bd-11">NO.1</div>
<div class="bc-12"> <a href="#">夜的命名术</a></div>
<div class="bd-13" style="color:red; margin-top:5px"> 畅销冠军</div>
<div class="ba-14"> <a href="#" style="color:#808080;">都市 会说话的肘子</a></div>
<hr>
<div class="bdimg">
<img src="image/b2.png" alt="">
</div>
<ul>
<li ><img src="image/2.png" alt=""> <a href="#">诡秘之主</a></li>
<hr>
<li ><img src="image/3.png" alt=""> <a href="#">明克街13号</a></li>
<hr>
<li ><img src="image/4.png" alt=""> <a href="#">这游戏太真实</a></li>
<hr>
<li><img src="image/5.png" alt=""> <a href="#">灵境行者</a></li>
</ul>
</div>
<div class="bd-3">
<div class="bd-2">
<div class="bd-18">
<h2>免费榜</h2>
</div>
<hr>
<div class="bd-11" id="mf">NO.1</div>
<div class="bc-12"> <a href="#">择日飞升</a></div>
<div class="bd-13" style="color:red; margin-top:5px"> 阅读冠军</div>
<div class="ba-14"> <a href="" style="color:#808080;">仙侠 宅猪</a></div>
<hr>
<div class="bdimg">
<img src="image/b1.png" alt="">
</div>
<ul>
<li ><img src="image/2.png" alt=""> <a href="#">灵境行者</a></li>
<hr>
<li ><img src="image/3.png" alt=""> <a href="#">深空彼岸</a></li>
<hr>
<li ><img src="image/4.png" alt=""> <a href="#">夜的命名术</a></li>
<hr>
<li><img src="image/5.png" alt=""> <a href="#">这游戏也太真实了</a></li>
</ul>
</div>
</div>
<div class="bd-4">
<div class="bd-2">
<div class="bd-18">
<h2>收藏榜</h2>
</div>
<hr>
<div class="bd-11">NO.1</div>
<div class="bc-12"> <a href="#">圣墟</a></div>
<div class="bd-13" style="color:red; margin-top:5px"> 6734564搜藏</div>
<div class="ba-14"> <a href="" style="color:#80
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
适合于大一大二刚学web前端的人群。可作为大作业的参考格式。 该网页我的文章中介绍过网页的效果图。想看效果图的可以先查看我的文章。 该资源里包含所有的图片资源、css文件、html文件。代码量1000行左右。
资源推荐
资源详情
资源评论
收起资源包目录
起点小说.zip (21个子文件)
王志亮 2067111104
image
b1.png 21KB
b2.png 24KB
b3.png 21KB
3.png 278B
c1.png 27KB
c.png 894B
广告.PNG 352KB
footer.png 10KB
a3.png 553KB
a.png 158KB
a2.png 576KB
a1.png 527KB
5.png 257B
4.png 227B
b.PNG 5KB
a4.png 668KB
精灵图..png 7KB
2.png 291B
g1.png 93KB
起点小说页面.html 16KB
css
index.css 8KB
共 21 条
- 1
资源评论
- S1mple_nana2023-12-23这个资源内容超赞,对我来说很有价值,很实用,感谢大佬分享~
- 2201_753445282024-04-14资源有很好的参考价值,总算找到了自己需要的资源啦。
心态还需努力呀
- 粉丝: 3w+
- 资源: 29
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功