求好听的动漫主题曲
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求好听的动漫主题曲相关的知识，希望对你有一定的参考价值。
不论历史，不论出处，只要有人觉得好听，在下就会采纳。不过希望可以注明歌曲是哪部动漫的，有下载地址就更好了，但不强求太多。
（注：柯南的主题曲就不要了，因为在下已经下载到了全集）
很抱歉的是，在下的财富用完了，回答者只能有20分……和好人卡。
大神与七位伙伴ED《赤头巾ちゃんご用心》
祝福的钟声OP：「シアワセは月より高く」
祝福的钟声ED：ED：「未来回帰线」
妄想学生会OP：：《大和抚子Educution（大和抚子エデュケイション）》
玩伴猫耳娘OP：「Now loading...SKY!!」
鹦鹉女神第一季OP：「セキレイ」
鹦鹉女神第一季11话ED：「きみを想うとき」
鹦鹉女神第2季OP：「白翼ノ誓约～Pure Engagement～」
鹦鹉女神第2季ED：「おんなじきもち」
滑头鬼之孙OP：《Fast Forword》
滑头鬼之孙ED：：《Sparky♀☆Start》
最后的大魔王OP：『REALOVE:REALIFE』
最后的大魔王ED：：『Everyday sunshine line！』
Angel Beats!OP：My Soul,Your Beats!
Angel BeatsED：Brave Song’
Angel Beats插曲：【一番の宝物】
Angel Beats第三话插曲：【Alchemy】
Angel Beats第三话插曲：【My Song】
Angel Beats第十话插曲：【Shine Days】
迷糊餐厅OP：“SOMEONE ELSE”
迷糊餐厅第9话ED：：“ゴールデソ•デイ”
CLANNAD第一季OP 【欢乐岛 ～frequency→e Ver.～】
CLANNAD插曲 小小的手心
CLANNAD第一季ED-团子大家族
CLANNAD第9话插入曲—风の少女
CLANNAD第9话插入曲「Ana」
CLANNAD第18话插入曲—over
CLANNAD第22话插入曲—形影成双
CLANNAD第2季OP：「时を刻む呗」【铭刻时间的歌】
CLANNAD第2季片尾曲:「TORCH」【灯火】
CLANNAD第20话插曲-木漏れ日
龙与虎OP1-プレパレード/
龙与虎ED1-バニラソルト
龙与虎OP2 silky heart
龙与虎ED2 オレンジ
龙与虎18话插曲 ホーリーナイト（神圣的夜晚）
零之使魔OP1 FirstKiss
零之使魔ED1 ホントノキモチ
零之使魔第二季OP I SAY YES
零之使魔第三季OP YOU'RE THE ONE
灼眼的夏娜OP1 绯色之空
灼眼的夏娜OP2 being
灼眼的夏娜第2季OP JOINT
灼眼的夏娜第2季OP2 BLAZE
灼眼的夏娜第一季ED1：夜明け生まれ来る少女（在黎明前苏醒的少女）
灼眼的夏娜第一季ED2：红の静寂（红之寂静）
灼眼的夏娜第2季ED1:triangle（三角关系）
灼眼的夏娜第2季ED2：Sociometry（人际学）
灼眼的夏娜S OP:Prophecy...（预言）
灼眼的夏娜S ED：a frame
雪之少女OP Last regrets （最后的遗憾）
雪之少女ED 风所达到的地方
AIR：OP鸟の诗
AIR插曲 青空
AIR ED Farewell song
旋风管家第一季 OP：「ハヤテのごとく！」 宛如疾风
旋风管家OP2-：七転八起☆至上主义！
旋风管家ed1-Proof
旋风管家ED2 ：「Get my way！」
旋风管家ED3 ：Chasse
旋风管家ED4：Chasse
旋风管家第二季 OP1：Wonder Wind
旋风管家第二季OP2： daily-daily Dream
旋风管家第二季ED1：本日、満开ワタシ色
旋风管家第二季ED2：カラコイ～だから少女は恋をする～
旋风管家插曲：残酷天使的纲领雏菊版
十字架与吸血鬼第1季OP COSMIC LOVE （插曲过多。。直接下原声碟去）
十字架与吸血鬼第1季插曲：友达だよ… （第10话）
十字架与吸血鬼第2季OP：DISCOTHEQUE
十字架与吸血鬼第2季插曲：Shalala -私にくれた物
魔法禁书目录OP1 PSI-missing （OP2就算了吧 囧）
魔法禁书目录ED1：“Rimless～フチナシノセカイ～”
魔法禁书目录ED2：ED2：“誓い言~スコシだけもう一度~”
某科学的超电磁炮OP1：「只有我的电磁炮」
某科学的超电磁炮OP2：「等级5 -裁决之光-」
某科学的超电磁炮ED1：「我最亲爱的朋友-从未见过的未来-」
科学超电磁炮ED2 真实之力
Fate/stay nigh op-disillusion
Fate/stay nightOP2 きらめく?は星に（闪耀的眼泪与星）
Fate/stay nightED あなたがいた森（曾经有你的森林）
Fate/stay night24话ED 君との明日（与你的明天）
Fate/stay night14话ED ヒカリ（光）
PC游戏Shuffle OP：是Mirage Lullaby （这歌好听那 - - ）
SHUFFLE第一季OP YOU
SHUFFLE第一季ED innocence
SHUFFLE第二季OP “Fateful Encounters”（第1话）
南家三姐妹片头曲『经验值上升中☆』（経験値上升中☆）
南家三姐妹第一季ED『Colorful DAYS』（カラフルDAYS）
南家三姐妹第2季op 『ココロノツバサ』
南家三姐妹第2季ED その声が闻きたくて
南家三姐妹第3季OP 经验值上々↑↑
南家三姐妹第3季ED 绝对カラフル宣言
南家三姐妹~ 饭后甜点OP： 春夏秋冬Festival♪ ( 春夏秋冬フェスティバル♪ )
南家三姐妹~ 饭后甜点ED 谢谢 Thank you ( ありがとうサンキュ )
高达SEED全系列歌曲。。。这就不拉了
初音岛游戏OP1 D.C.II P.S. 的 。ダ•カーポII ～あさきゆめみし君と～
D.C.II P.S. OP2 beautiful flower
D.C.II P.S. OP3 Especially
D.C.II P.S. 每个人最高潮部分插曲 Time will shine 。。。（这歌堪称初音导游戏中的神曲）
初音岛 D.C第1季OP サクラサクミライコイユメ (如樱花盛开般未来的恋爱之梦)
初音岛 D.C第1季ED 未来へのMelody
初音岛 『存在』（第21话～第25话：第26话为OP）
初音岛 『うたまるえかき呗』（第8话和第15话）ED
DC 插曲 『そよ风のハーモニー』 （第10话/第23话）
DC 插曲 『雨のち晴れ』 （第8话）
D.C.S.S.OP『サクライロノキセツ』（第1话 - 第26话：第1话はoff vocal）
D.C.S.S ED 『暁に咲く诗』（第1话 - 第23话o第26话）
D.C.S.S ED 『记忆ラブレター』（第24话o第25话）
D.C.S.S 插曲 『恋爱スケッチ』
D.C.S.S 插曲 『ハッピーバスケット』
D.C.S.S 插曲 『夕颜とオレンジ云』 （第7话）
D.C.S.S 插曲 『アンダンテ』 （第15话）
D.C.S.S 插曲 『胸に散る时の叶』 （第18话）
D.C.S.S 插曲 『Dear your mind』 (第25话)
D.C.if： OP 『ダoカーポ ～第2ボタンの誓い～』
D.C.if 插曲 爱の空
D.C.I.F.游戏插曲 Dream The other side
初音岛IF游戏插曲 最后结婚片段的插曲 MY DEAREST
D.C.II OP 『サクラキミニエム』（1话～13话）
D.C.II ED 『优しさは雨のように』（1话～12话）
D.C.II 插曲 『桜笑み君想う』（3话、7话、13话ED）
D.C.II 插曲 『恋々と…スローモーション』（5话）
D.C.II 插曲 『爱しい人よ ～l want to sing for you～』（7话）
D.C.II S.S. OP 『サクラ アマネク セカイ』（1话～13话）
D.C.II S.S. ED 『仆たちの行方』（1话～11话, 12话为IN）
D.C.II S.S. ED 『消えないで…』（12话）
D.C.II S.S. ED 『雨上がりの君のもとへ 』（13话）
D.C.II S.S. 插曲 『love☆mind』（5话）
D.C.II S.S. 插曲 『桜舞い散る心の中へ』（8话）
D.C.II S.S. 插曲 『静かなる决意』（11话）
小鸠 OP マジックナンバ（魔法数字）
小鸠 ED1 ジェリ フィッシュの告白（水母的告白）
小鸠 ED2 [わたしにできること]
小鸠 插曲 あした来る日
凉宫春日的忧郁OP 《恋のみくる传说》（第1话）
凉宫春日的忧郁OP 《冒险でしょでしょ?》（第2-14话)
凉宫春日的忧郁ed 《ハレ晴レユカイ》 晴天好心情
凉宫春日的忧郁插曲 《God knows...》（12话）
凉宫春日的忧郁插曲 《Lost my music》（12话）
凉宫春日的忧郁 09版OP《Super Driver》（09版08话以及12话~24话）
凉宫春日的忧郁09版片尾曲 《止マレ！》（停下！）（09版08话以及12话~24话）
魔法先生OP Happy☆Material
魔法先生第2季OP
濑户的花嫁OP Romantic summer（1～25话）
濑户的花嫁 插曲 your gravitation
濑户的花嫁 插曲 LUNARIAN
濑户的花嫁ED1 明日への光（1～13、26话）
濑户的花嫁ED2 Dan Dan Dan（14～25话）
濑户的花嫁OVA1片头曲 绝対乙女
濑户的花嫁OVA2天使烂漫 Love Power
濑户的花嫁OVA1 ED 未来へGO（仁篇）
濑户的花嫁OVA2 ED 梯 －かけはし－（义篇）
夕阳染红的街道OP 初恋パラシュート（原声碟里包括所有ED 这里就不写了）
夕阳染红的街道 sweet sweet time
夕阳染红的街道12话ED ai•ココカラ
H2O op 片翼のイカロス
H2O ed カザハネ
H2O 插曲 “スイッチ・オン♪（Switch On）”（第四集）
H2O “FOOTPRINTS IN THE SAND”（十二集ED）
H2O 插曲 “life”（十二集）
H2O 插曲 魔法少女O•TO•HA•”（第8集）
猫愿三角恋 OP「にゃんだふる！」 (奇喵人生)
猫愿三角恋 ED 「Strawberry ～甘く切ない泪～」
魔法少女奈叶 OP Innocent Starter
魔法少女奈叶 ED Little Wish lyrical step
魔法少女奈叶AS OP ETERNAL BLAZE
魔法少女奈叶AS ED spiritual garden
魔法少女奈叶StrikerS OP1 SECRET AMBITION
魔法少女奈叶StrikerS OP2 Massive Wonders
魔法少女奈叶StrikerS ED1 星空のSpica
魔法少女奈叶StrikerS ED2 beautiful amulet
魔法少女奈叶剧场版The MOVIE 1st OP PHANTOM MINDS
魔法少女奈叶剧场版The MOVIE 1st ED My wish My love
魔法少女奈叶AS 王牌之战(PSP游戏) OP Silent Bible
魔法少女奈叶 插曲 take a shot
魔法少女奈叶AS 插曲 snow rain
魔法少女奈叶AS 插曲 brave phoenix (12话）
魔法少女奈叶SS 插曲 Pray （24话）
游魂OP The fine every day
游魂ED：キズナノ呗（羁绊之歌）
游魂游戏OP：瞬间スプライン
幸运星OP 拿去吧！水手服
PRISM ARK OP そして仆は...(于是我)
PRISM ARK ED オペラファンタジア
乙女爱上姐姐OP Love Power
乙女爱上姐姐ed Beautiful day
乙女爱上姐姐 插曲 Again
乙女爱上姐姐游戏OP アンダーハンデッド・ガール
乙女爱上姐姐游戏ED「阳だまりの中へ」
蓝兰岛漂流记 OP Days \
蓝兰岛漂流记 ED1 Say Cheese!
蓝兰岛漂流记 ED2 恋する天気図
蓝兰岛漂流记全角色歌（小铃、麻知、绫音、玲玲、千影、雪乃、东方院行人及其它）
歌曲名：宝物～Island Breeze～
SOLA OP colorless wind
SOLA ED mellow melody
SOLA 印象歌 『敏感な风景』（第1话OP，第9话，番外）
SOLA 13话ED 『见上げるあの空で』
草莓100% OP SHINE OF VOICE
草莓100% ED IKE IKE
草莓100%OVA OP 君色100%
草莓100%东城绫角色歌阳のあたる场所（角色歌对应OVA的每集ED。原声碟里全有）
请别忧伤了二之宫君 ED ふれふれっぽんぽん！
请别忧伤了二之宫君 op ユビキリ
真实之泪op eufonius 『リフレクティア』
真实之泪插曲（就这样的我）
11eyes罪与罚与赎的少女OP：‘Arrival of tears’
七彩的素描OP：「プラスチックスマイル(虹色ギターVERSION)」
神剃OP《motto派手にね》MOTTO大胆一点
你是主人我是仆OP: wonder life
你是主人我是仆ED：room
公主恋人OP:「Princess Primp!」
双恋第1季op - はばたく未来
双恋第2季OPぼくらの时间
双恋第1季 ED （歌名实在找不到）
双恋第2季Alternative(ED) 我们的时间らの
同班同学OP:Feeling Heart时间
同班同学ED：Access
To Heart2 OP: Hello
To Heart2 ED：トモシビ
To Heart2 OVA OP:一番星
最近以前的理了下 够了不 - - 参考技术A AIR 鸟之诗 （动漫 神曲 无争议）
Angel Beats! 一番の宝物 （神曲 争议不多）
Eva 残酷的天使 （神曲 无任何争议）
君届（好想告诉你） op ed
K-on Don't say lazy
破刃之剑 op Fate
薄樱鬼 op 十六夜泪
魂链 screaming
龙与虎 ed3 圣诞夜 holy night
这上面 大部分歌有下 有一二首 网上可能比较难找 我可以传给你楼主
391336995 我的Q
另外 本人最痛恨的便是 复制了 参考技术B 哦哦...1L，
黑执事的片头都很赞：
黑白之吻
I'm alive【BECCA乐队的】
还有第二季的我不知道名字
银魂的也很不错 参考技术C Gundam00的很棒
1. Daybreak's bell (L＊Arc~en~Ciel)
2. 罠 (The Back Horn)
3. Ash like snow (The brilliant green)
4. Friends (Stephanie)
5. 儚くも永久のカナシ (Uverworld)
6. Prototype (石川智晶)
7. 泪のムコウ (Stereo Pony)
8. Trust you (伊藤由奈)
Gundam00的角色歌 推荐Allelujah和Lockon的
Allelujah(吉野裕行)
1.太阳
2. After image
Lockon (三木真一郎)
1. 永远の螺旋
2. Answer
黑执事的也好
OP: 黑白之吻 (SID)
Shiver (Gazette)
ED: I'm Alive (Bella?)
Lacrimosa (kalafina)
Bird (松下优也)
吸血鬼骑士的一首∶
轮廻-ロンド (on-off)
火影忍者∶
OP: GO!!!
ED: Wind
Reborn:
OP1,OP2 ED5(sakura addiction)
Rockman:
Toki no Ito (Blues角色歌??)
所有rockman op/ed
彩云国物语∶
1.[はじまりの风] (平原绫香)
2. 最高の片想い
3. 明日(照屋实穗)
角色歌∶静兰/楸瑛
樱兰∶各人的角色歌(看歌词啊 很有趣的歌词!)
1. 须王环-Guilty Beauty Love
2. 光馨- bokura no love style 我们的恋爱模式
3. 崇- Itsumo soba ni
4. 光邦-Doki doki waku waku
5. 镜夜 (忘了名字)
光速蒙面侠∶
1.a day dreaming
2.Be Free
3.Flower
4.Blaze away
5.Be survivor (ZZ)
6.Innocence
7.Goal
8.DangDang
9.Breakthrough
凉宫春日∶
古泉角色歌(个人认为超棒的说!)
ED(名字貌似是晴天好心情..... -0-)
谷口角色歌（第2弹）
Phantom:
地狱之门(Ali project)
xxxHolic:
19sai
tsubasa:
blaze
是我挺喜欢的歌
亲手整理出来的啊 XD 参考技术D 《动漫名》：歌曲名-歌手
《空之境界》：1.oblivious-kalafina
2.aria-kalafina
3.serenato-kalafina
《macross F》:1.Lion-may'n+中岛爱
2.三角爱恋-坂本真绫
3.pink monsoon-may'n
《吸血鬼骑士》：1.still doll-分岛花音
2.砂之城堡-分岛花音
3.黑色鸟笼-分岛花音
《黑执事》：1.lacrimosa-kalafina
2.shiver-the gazette
《机动战士高达》：1.晓之车-南里侑香
2.trust you-伊藤由奈
《无头骑士疑问录》：trust me-松下优也
《神隐之狼》："标-tsukishirube-"-南里侑香 第5个回答 2010-07-29 我就推荐你一首歌：dream traveller（圣斗士星矢）
就是冥王篇12黄金圣斗士牺牲时的背景音乐
感人但不感伤，高昂但不高调。
http://biggoude.free.fr/clips/Blue_dream.mp3
html静态网站基于动漫主题网站网页设计与实现共计10个页面——二次元漫画
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
文章目录
- 一、网页介绍
- 一、网页效果
- 二、代码展示
- 1.HTML代码
- 2.CSS代码
- 三、个人总结
- 四、更多干货
一、网页介绍
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
一、网页效果
二、代码展示
1.HTML代码
代码如下（示例）：以下仅展示部分代码供参考~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>主页</title>
<link rel="stylesheet" href="./css/header_config.css"/>
<link rel="stylesheet" href="css/config.css"/>
<link rel="stylesheet" href="css/main_config.css"/>
<link rel="stylesheet" href="./css/footer_config.css"/>
<!--樱花特效在线引入-->
</head>
<body style="background-image: url(img/bg/bk.png);">
<header class="site_header">
<figure class="centerbg" style="background-image: url(./img/00.jpg);height: 1080px;">
<div class="header_info">
<h1 class="header_info_title">
Hi, Althumi
</h1>
<div class="header_info_content">
<p>
<i class="fa fa-quote-left"></i>
You got to put the past behind you before you can move on.
<i class="fa fa-quote-right"></i>
</p>
<div class="shar_list">
<li id="bg_pre">
<img class="flipx" src="./img/01.jpg" style="transform: rotate(180deg);">
</li>
<li id="qq">
<img class="qq" src="./img/02.jpg">
</li>
<li id="github">
<img class="github" src="./img/03.jpg">
</li>
<li id="bilibili">
<img class="bilibili" src="./img/04.jpg">
</li>
<li id="wangyiyun">
<img class="wangyiyun" src="./img/05.jpg">
</li>
<li id="jianshu">
<img class="jianshu" src="./img/06.jpg">
</li>
<li id="zhihu">
<img class="zhihu" src="./img/01.jpg">
</li>
<li id="csdn">
<img class="csdn" src="./img/02.jpg">
</li>
<li id="bg-next">
<img src="./img/03.jpg">
</li>
</div>
</div>
</div>
</figure>
<div class="headertop-down">
<span><i class="fa fa-chevron-down" aria-hidden="true"></i></span>
</div>
</header>
<div class="main">
<header class="main_header">
<div class="site_top">
<div class="site_branding">
<h1><a href="#" target="_self">たかぎ</a></h1>
</div>
<div class="user_head_photo">
<img src="img/01.jpg" />
<div class="user_head_photo_menu">
<div class="user_head_photo_menu_name">
Althumi
</div>
</div>
</div>
<div class="searchbox">
<i class="fa fa-search fa-2x" aria-hidden="true" style="font-size: 26px"></i>
</div>
<div class="top_nav">
<div class="lower">
<nav class="navbar" style="display: block !important;">
<ul>
<li>
<a href="./index.html" target="_self">
<i class="fa fa-fort-awesome"></i>首页
</a>
</li>
<li>
<a href="./file.html" target="_self">
<i class="fa fa-archive faa-shake" aria-hidden="true"></i>归档
</a>
</li>
<li>
<a href="./detailed_list.html" target="_self">
<i class="fa fa-list-ul faa-vertical" aria-hidden="true"></i>清单
</a>
</li>
<li>
<a href="./mood.html" target="_self">
<i class="fa fa-calendar-o faa-tada" aria-hidden="true"></i>心情
</a>
</li>
<li>
<a href="./gallery.html" target="_self">
<i class="fa fa-camera faa-flash" aria-hidden="true"></i> 画廊
</a>
</li>
<li>
<a href="./Message_Board.html" target="_self">
<i class="fa fa-pencil-square-o faa-tada" aria-hidden="true"></i>留言板
</a>
</li>
<li>
<a href="./Friends_account.html" target="_self">
<i class="fa fa-link faa-shake" aria-hidden="true"></i>友人帐
</a>
</li>
<li>
<a href="./reward.html" target="_self">
<i class="fa fa-heart faa-pulse" aria-hidden="true"></i>赞赏
</a>
</li>
<li>
<a href="./about.html" target="_self">
<i class="fa fa-leaf faa-wrench" aria-hidden="true"></i>关于
</a>
</li>
<li>
<a href="#" target="_self">
<i class="fa fa-magic" aria-hidden="true" onclick="window.alert(未开发，敬请期待)"></i>实验室
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="main_content" style="background-color: rgba(255, 255, 255, 0.8);">
<div class="notice" style="margin-top: 20px;">
<i class="fa fa-bullhorn" aria-hidden="true"></i>
<div class="notice-content">一盏灯，一台电脑，一个人，一个传奇！</div>
</div>
<div class="top_feature">
<h1 class="tf_title" style="font-family: Ubuntu, sans-serif;">
<i class="fa fa-anchor" aria-hidden="true"></i>
<span> START:DASH!!</span>
</h1>
<div class="tf_content">
<a href="#" target="_blank">
<div class="img">
<img src="img/02.jpg"/>
</div>
<div class="info">
<h3>
【大作业日志】
</h3>
<p>
入坑前端就在今天这一天！
</p>
</div>
</a>
</div>
<div class="tf_content">
<a href="#" target="_blank">
<div class="img">
<img src="./img/03.jpg" />
</div>
<div class="info">
<h3>
【ICPC】拿牌最重要！
</h3>
<p>
每天学习算法3小时，一年拿铜，两年拿银
</p>
</div>
</a>
</div>
<div class="tf_content">
<a href="#" target="_blank">
<div class="img">
<img src="./img/04.jpg" />
</div>
<div class="info">
<h3>
【四月是你的谎言】四月はあなたの嘘です。
</h3>
<p>
好好看。555！
</p>
</div>
</a>
</div>
</div>
<div class="content_area">
<main class="site_main">
<h1 class="main_title" style="font-family: Ubuntu, sans-serif;">
<i class="fa fa-envira" aria-hidden="true"></i>发现
</h1>
<article class="post_content">
<div class="post_content_img">
<a href="#">
<img src="https://api.lixingyong.com/api/images?type=url&itype=image&kind=random" />
</a>
</div>
<div class="post_content_text">
<div class="post_date">
<i class="fa fa-clock-o" aria-hidden="true"></i>发布于2021/6/19 <i class="fa fa-fire" aria-hidden="true"></i>
</div>
<a class="post_title" href="#" target="_self">
<h3>【网页设计】二次元网站制作方法</h3>
</a>
<div class="post_meta">
<span>
<i class="fa fa-eye" aria-hidden="true"></i> 1314w热度
</span>
<span class="mid_num">
<i class="fa fa-commenting-o" aria-hidden="true"></i> 520w评论
</span>
<span>
<i class="fa fa-folder-open-o" aria-hidden="true"></i>开源项目
</span>
</div>
<div class="float_content">
<p>
学习博客框架体系Halo里的Sakura主题，能够轻松制作二次元博客网站。快人一步的体验到二次元与网页设计的结合更能充分个人对此项技能的兴趣！欧耶。
</p>
</div>
<div class="post_bottom">
<a href="#">
<i class="fa fa-ellipsis-h fa-2x" aria-hidden="true"></i>
</a>
</div>
</div>
</article>
<article class="post_content">
<div class="post_content_img">
<a href="#">
<img src="https://api.lixingyong.com/api/images?type=url&itype=image&kind=4565" />
</a>
</div>
<div class="post_content_text">
<div class="post_date">
<i class="fa fa-clock-o" aria-hidden="true"></i>发布于2021/6/19 <i class="fa fa-fire" aria-hidden="true"></i>
</div>
<a class="post_title" href="#" target="_self">
<h3>【算法】模拟退火算法的综合应用</h3>
</a>
<div class="post_meta">
<span>
<i class="fa fa-eye" aria-hidden="true"></i> 1314w热度
</span>
<span class="mid_num">
<i class="fa fa-commenting-o" aria-hidden="true"></i> 520w评论
</span>
<span>
<i class="fa fa-folder-open-o" aria-hidden="true"></i>开源项目
</span>
</div>
<div class="float_content">
<p>
模拟退火是在打OI或者是IOI赛制时，使用此算法可以骗到一点分。十分玄学。但是它本身被发现来应用其实并不是这么的局限，例如在最小圆覆盖问题中我们就要使用模拟退火才可以较高效的解决问题。当然更多应用还在文章里，快来看吧！
</p>
</div>
<div class="post_bottom">
<a href="#">
<i class="fa fa-ellipsis-h fa-2x" aria-hidden="true"></i>
</a>
</div>
</div>
</article>
<div class="pagination">
<a href="#">下一页</a>
</div>
</main>
</div>
</div>
</div>
<footer class="site_footer">
<div class="site_info">
<p class="footer_logo" style="background-image: url(img/06.jpg);"></p>
<p>此网页由Althumi花费24小时无休止的编码的做成的</p>
</div>
<div class="footer_device">
<p>感谢给与我力量的人 <i class="fa fa-vimeo animated" style="color: #e74c3c;"></i> by Kanoln <i class="fa fa-heart animated" style="color: #e74c3c;"></i> by LSNUXIAOTAO</p>
</div>
<p> </p>
</footer>
</body>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init(
"model":
jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
"scale": 1
,
"display":
"position": "left", //看板娘的表现位置
"width": 150, //小萝莉的宽度
"height": 300, //小萝莉的高度
"hOffset": 0,//小萝莉的X偏移量
"vOffset": -20//小萝莉的Y偏移量
,
"mobile":
"show": true,
"scale": 0.5
,
"react":
"opacityDefault": 0.7,//小萝莉的透明度
"opacityOnHover": 0.2
);
</script>
</html>
2.CSS代码
*
margin: 0;
padding: 0;
body
cursor: url(../img/01.jpg),auto;
font: 300 17px;
text-shadow: 0 0 1px rgb(0 0 0 / 10%);
font-size: 15px;
line-height: 1.5;
a
cursor: url(../img/02.jpg),auto;
background-color: transparent;
text-decoration: none;
a:link
color:black;
a:visited
color:black;
a:hover
color: darkorange;
a:active
color: darkorange;
img
height: auto;
max-width: 100%;
h3
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
p
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
cursor: url(../img/03.jpg),auto;
:after, :before
box-sizing: inherit;
三、个人总结
一套合格的网页应该包含(具体可根据个人要求而定)
- 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分；
- 所有页面相互超链接，可到三级页面，有5-10个页面组成；
- 页面样式风格统一布局显示正常，不错乱，使用Div+Css技术；
- 菜单美观、醒目，二级菜单可正常弹出与跳转；
- 要有JS特效，如定时切换和手动切换图片新闻；
- 页面中有多媒体元素，如gif、视频、音乐，表单技术的使用；
- 页面清爽、美观、大方，不雷同。
- 网站前端程序不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
四、更多干货
1.看到这里了就 【点赞收藏博文】 三连支持下吧，你的支持是我创作的动力, 【观注作者 |获取更多源码| 优质文章】 。
2.关注我带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！
3.以上内容技术相关问题可以相互学习交流
以上是关于求好听的动漫主题曲的主要内容，如果未能解决你的问题，请参考以下文章