相里阕G 发表于 2026-1-24 12:26
功力菲浅
多谢兄台支持，上云雾缭绕茶
伽昀G 发表于 2026-1-24 12:42
很漂亮的菩萨蛮
多谢兄台鼓励，上云雾缭绕茶
墨渊G 发表于 2026-1-24 11:30
期待，小十七的字一定很好看
师父对小十七这么自信呀
3.
栖林栖雾栖云鹤，听风听雨听潮落。朝暮一逢时，春秋两不移。
灵犀凭摆渡，锦瑟蹁跹舞。宴坐小山词，花香折半枝。
4.
相逢犹记花朝日，溪桥流水浮云碧。烟雨浣诗奇，春风拈一枝。
螺杯洇粉靥，看取双飞蝶。十里滟芳菲，于君缓缓归。
白浅M 发表于 2026-1-24 12:57
师父对小十七这么自信呀
3.
栖林栖雾栖云鹤，听风听雨听潮落。朝暮一逢时，春秋两不移。
果然是小十七，这么快就完成了。好看
墨渊G 发表于 2026-1-24 14:21
果然是小十七，这么快就完成了。好看
师父教得好呗
白浅M 发表于 2026-1-24 18:42
师父教得好呗
小十七早安
<!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;
}
/* 3. 芋泥紫画框 */
.purple-frame {
border: 12px solid #F0E4FF;
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(210, 180, 255, 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>
<!-- 3. 芋泥紫画框 + 歌词 -->
<div class="purple-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;
}
/* 2. 薄荷绿画框 */
.green-frame {
border: 12px solid #E4FFEE;
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, 255, 200, 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>
<!-- 2. 薄荷绿画框 + 歌词 -->
<div class="green-frame">
<div class="lyric">
问好墨渊上神～<br>
<br>
</div>
</div>
</body>
</html>
宋白鸥M 发表于 2026-1-25 07:39
歌词页
* {
问好仙子，周末愉快
宋白鸥M 发表于 2026-1-25 07:47
歌词页
* {
谢谢仙子鼓励