-
Notifications
You must be signed in to change notification settings - Fork 0
/
MusicRecommanded.html
112 lines (97 loc) · 3.75 KB
/
MusicRecommanded.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
.music-list {
list-style-type: none;
padding: 0;
}
.music-item {
margin-bottom: 30px;
}
.music-title {
font-size: 24px;
margin-bottom: 10px;
}
.music-description {
color: #666;
margin-bottom: 15px;
}
.music-link {
display: inline-block;
background-color: #f1f1f1;
padding: 8px 16px;
text-decoration: none; /* 移除下划线 */
color: #107eeb; /* 设置链接颜色为深蓝色 */
border-radius: 4px;
transition: background-color 0.3s ease;
}
.music-link:hover {
background-color: #ddd;
color: #000; /* 可选：鼠标悬停时的颜色变化 */
}
.thoughts {
margin-top: 10px;
list-style-type: decimal;
}
.recommendation-reason {
font-style: italic;
color: #444; /* 设置推荐理由的文字颜色 */
background-color: #f9f9f9; /* 推荐理由的背景色 */
border-left: 4px solid #107eeb; /* 左侧添加蓝色边框 */
padding: 10px;
margin-top: 10px;
margin-bottom: 20px; /* 与其他内容保持间距 */
border-radius: 4px; /* 圆角边框 */
}
</style>
</head>
<nav>
<a href="index.html">Home</a>
<a href="MusicRecommanded.html">Music Recommanded</a>
<a href="NotionHere.html">Notion Here</a>
<a href="LearningHistory.html">Learning History</a>
<a href="MovementRecording.html">Movement Recording</a>
</nav>
<body>
<h1>Here is something I want share with u.</h1>
<ul class="music-list">
<li class="music-item">
<h2 class="music-title"><a href="https://music.163.com/song?id=381858&userid=403387660">为你唱首歌</a></h2>
<p>莎菲娜 莎菲娜 哭泣时的拥抱<br>
莎菲娜 莎菲娜 哭泣时的拥抱</p>
<!-- <p class="recommendation-reason">推荐理由：这首歌的旋律温暖，歌词直击心灵，让人不禁想起那些陪伴的时光。</p> -->
</li>
<li class="music-item">
<h2 class="music-title"><a href="https://music.163.com/song?id=554146664&userid=403387660">Put It On Me</a></h2>
<p>I know that you'd never feel like I do. I will break into pieces right in front of you</p>
<!-- <p class="recommendation-reason">推荐理由：情感真挚，旋律优美，适合安静时独自聆听。</p> -->
</li>
<li class="music-item">
<h2 class="music-title"><a href="https://music.163.com/song?id=1410118416&userid=403387660">Goin' On</a></h2>
<p>Think about my lady calling someone else a baby <br>
Drives me crazy, so I'm never letting go</p>
<!-- <p class="recommendation-reason">推荐理由：节奏感强烈，歌词扣人心弦，是一首不可错过的佳作。</p> -->
</li>
<li class="music-item">
<h2 class="music-title"><a href="https://music.163.com/#/song?id=2617268545">天梯（粤语）</a></h2>
<p>前方 仍然大雾 <br>
到悬崖或海边也许永不知道<br>
能相拥到白头 一起偕老 不跟天斗高</p>
<p class="recommendation-reason">推荐理由：汤姐最能打的两个东西，一是颜值，二是歌品</p>
</li>
<li class="music-item">
<h2 class="music-title"><a href="https://music.163.com/#/song?id=1297498908">Walk Thru Fire</a></h2>
<p>NONE/p>
<p class="recommendation-reason">推荐理由：节奏</p>
</li>
<!-- https://music.163.com/#/song?id=1297498908 -->
</ul>
</body>
</html>