踏莎行（和露芜衣）
雨滴乌船，雾笼西岭。缠绵翠鸟鸣幽径。飘飞柳絮落汀洲，桃花灼灼斜光映。燕子雙雙，倚阑孤影。锦衣犹觉春寒冷。当年自有少年情，如今已是波澜静。
提贴点赞，美玉好和 感谢雅和 好看的画面，思绪也更密集，还有觅。 露芜衣M 发表于 2026-1-25 12:30
感谢雅和
你头带得好 叶青漪M 发表于 2026-1-25 13:53
好看的画面，思绪也更密集，还有觅。
果酱了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>歌词页</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
padding: 20px;
background: #fff;
font-family: "FangSong", "仿宋_GB2312", serif;
position: relative;
overflow-x: hidden;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px; /* 画框之间的间距 */
}
/* 居中歌词通用样式 */
.lyric {
font-size: 16px;
line-height: 2.4;
color: #333;
text-align: center;
}
/* 5. 温柔桃粉画框 */
.peach-frame {
border: 12px solid #FFE4F0;
border-radius: 18px;
padding: 25px 15px;
background: #fff;
max-width: 550px;
width: calc(100% - 40px);
margin-left: 0;
position: relative;
z-index: 2;
box-shadow: 0 2px 15px rgba(255, 180, 220, 0.2);
}
</style>
</head>
<body>
<!-- 极简点击播放 -->
<script>
document.body.addEventListener('click', () => {
const audio = document.getElementById('audio');
audio && audio.play().catch(err => console.log('播放失败：', err));
});
</script>
<audio id="audio" preload="auto">
<source src="https://www.lizhi.fm/616408/3190237287581010950?u=4928046" type="audio/mpeg">
</audio>
<!-- 5. 温柔桃粉画框 + 歌词 -->
<div class="peach-frame">
<div class="lyric">
月光漫过窗口～<br>
心事藏进枕头～<br>
好梦伴你左右～
</div>
</div>
</body>
</html> 宋白鸥M 发表于 2026-1-25 14:28
歌词页
* {
谢谢祝福 画里还是少年 相里阕G 发表于 2026-1-25 14:31
谢谢祝福
不要客气哦，嘻嘻嘻
页:
[1]
2