叶家铃M 发表于 2026-1-24 15:19
清雅流丽，真好
凑合吧！凑字玩啦，叶姑娘好
连宋G 发表于 2026-1-24 15:20
配乐极秒 烘托气氛 双重美感
这是老歌，当时很火的歌，适合古风诗词搭
坐赏好词，楼层这么高了，坐板凳欣赏;P
本帖最后由 宋白鸥M 于 2026-1-24 18:35 编辑 <br /><br /><!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;
}
/* 1. 蓝调画框样式 */
.blue-frame {
border: 12px solid #E4F0FF;
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(180, 210, 255, 0.2);
}
</style>
<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>
<!-- 1. 蓝调画框 + 歌词 -->
<div class="blue-frame">
<div class="lyric">
风吹过的晚风～<br>
星光落在肩头～<br>
故事慢慢开口～
</div>
</div>
</body>
</html>
<!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;
}
/* 1. 蓝调画框样式 */
.blue-frame {
border: 12px solid #E4F0FF;
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(180, 210, 255, 0.2);
}
</style>
<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>
<!-- 1. 蓝调画框 + 歌词 -->
<div class="blue-frame">
<div class="lyric">
写的这么好了<br>
我该怎么办？<br>
</div>
</div>
</body>
</html>
又一首莺啼序，妹妹高才。
凌香ML 发表于 2026-1-24 17:39
坐赏好词，楼层这么高了，坐板凳欣赏
我给你放个垫子，给你沏杯茶，晚好:P
宋白鸥M 发表于 2026-1-24 18:49
歌词页
* {
加油
成玉M 发表于 2026-1-24 19:51
又一首莺啼序，妹妹高才。
大家都临屏写，咱也练习，慢慢适应，还没去你那呢；1:hug:
宋白鸥M 发表于 2026-1-24 18:10
本帖最后由 宋白鸥M 于 2026-1-24 18:35 编辑
把你编的故事整理一下，放大大胆的写，就快了:hug: