动漫网站-前端网页技术精美网站源码HTML+CSS+JS

简介: 动漫网站-前端网页技术精美网站源码HTML+CSS+JS

微信公众号:创享日记

发送:动漫网站

获取完整源码(打开即可用)


9fe9e24dec9040afa899fe0294a2a0d0.png


效果图①主页首页


269a1b4579374c5faa9238e42a7972b0.png342a427dd8cd4abeb08891ad31ecd13e.png07c5cc885787482698b10b1bd700d63b.png30d97e4086e84e9788fe4c95a19f48e3.png


效果图②作品列表展示页


3fb370c2f67a4dd5be94ba5cc61192f9.png


效果图③作品详情展示页


a38bf8e20d94424e94ab06666f82d1bd.png6ea433276bb04ac78c829a80a94b81c5.png57e2e046776d439c9fb5489fd25d0221.png


效果图④联系我们


4fba7bf77da54b6aadf82ea344942d11.png8d4b87a6315245a3b87139a777cd2c8d.png


效果图⑤博客列表


5f794f65cca74713ad80d027d69c6cc5.pngviolation-del.png



效果图⑥博客详情


44cf619002c944c0a353550327895baa.png3bdb8e6ca16840a5ab2b16f2933acabf.png126af4c9d304476ab865f10c2fed9d3b.png


效果图⑦其它


6774100d22c0463eb7f021c5ce2bd72a.png4c92c661913e48e0932ac6eeb5a63a48.png




其它及源码详见微信公众号下载!


/*=================================================================页面重置=================================================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}:focus{outline:0;}body{line-height:1;color:black;background:white;}body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}select,input,img,textarea{vertical-align:middle;outline:none;}* html,* html body{background-image:url(about:blank);background-attachment:fixed;font-size:12px;font-family:simsun;}

/*==============================================================

===文字排版=================================================================*/
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh22{line-height:22px}
.lh24{line-height:24px}
.unl{text-decoration:underline}
/*=================================================================定位=====================================================================*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin:0 auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{*zoom:1;} /*清理盒子内部浮动,无毒副作用*/
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.vb{vertical-align:bottom}
.pr{position:relative}
.pa{position:absolute}
.fixed{position:fixed}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.oh{overflow:hidden}
.block{display:block}
/*=================================================================长度高度=================================================================*/
.w10{width:10px}
.w20{width:20px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}
/*=================================================================补充=====================================================================*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wn{white-space:nowrap}
.transparen{filter:alpha(opacity=0);opacity:0}
.fixedBR{position:fixed;bottom:10px;right:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10))}


目录
打赏
0
0
0
0
17
分享
相关文章
|
2月前
在线检测显示屏坏点html工具源码
在线检测显示屏坏点html工具源码
72 20
|
1月前
超好看的404提示页面HTML源码
超好看的404提示页面HTML源码
201 77
|
25天前
可爱狗狗的404动画HTML源码
可爱狗狗的404动画HTML源码
118 17
|
1月前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
65 34
|
1月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
85 33
|
1月前
日常答题赢奖励单页HTML源码
日常答题赢奖励单页HTML源码
56 25
|
1月前
html5+svg太空人404动画模板源码
html5+svg太空人404动画模板源码
43 17
CSS 居中技术完全指南:从基础到高级应用
本文详细介绍了 CSS 中常用的居中方法,涵盖水平居中、垂直居中及同时实现两者的方法。
51 12
|
30天前
创意滑板动画404错误提示HTML源码
创意滑板动画404错误提示页面HTML源码
24 0
创意滑板动画404错误提示HTML源码
Html5 Canvas绘制圆形仪表盘动画源码
Html5 Canvas绘制圆形仪表盘动画特效是一款基于HTML5 Canvas绘制的圆形百分比仪表盘动画特效。
18 1

热门文章

最新文章

  • 1
    【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
    29
  • 2
    VSCode AI提效工具,通义灵码前端开发体验
    66
  • 3
    开箱即用的GO后台管理系统 Kratos Admin - 前端权限
    7
  • 4
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    36
  • 5
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    67
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    31
  • 7
    巧用通义灵码,提升前端研发效率
    97
  • 8
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    149
  • 9
    详解智能编码在前端研发的创新应用
    107
  • 10
    智能编码在前端研发的创新应用
    85
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等