Spaces:
Sleeping
Sleeping
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>将进酒</title> | |
| <style> | |
| body { | |
| background: linear-gradient(to bottom, #2ecc71, #006400); | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; /* 设置垂直方向布局 */ | |
| justify-content: center; | |
| align-items: center; | |
| min-height: 100vh; | |
| font-family: 'Microsoft YaHei', sans-serif; | |
| color: #fff; | |
| text-align: center; /* 居中文本 */ | |
| } | |
| #poem { | |
| font-size: 1.5em; | |
| line-height: 1.0; /* 调整行距 */ | |
| } | |
| h1 { | |
| margin-bottom: 10px; /* 添加标题后的下边距 */ | |
| margin-top: 0; /* 清除默认的上边距 */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>将进酒</h1> | |
| <div id="poem"> | |
| <p>君不见，黄河之水天上来，奔流到海不复回。</p> | |
| <p>君不见，高堂明镜悲白发，朝如青丝暮成雪。</p> | |
| <p>人生得意须尽欢，莫使金樽空对月。</p> | |
| <p>天生我材必有用，千金散尽还复来。</p> | |
| <p>烹羊宰牛且为乐，会须一饮三百杯。</p> | |
| <p>岑夫子，丹丘生，将进酒，杯莫停。</p> | |
| <p>与君歌一曲，请君为我倾耳听。</p> | |
| <p>钟鸣鼎食之家，男儿何不帅风流？</p> | |
| <p>出门踏绿锦，泛舟泛江水。</p> | |
| <p>君不见，西海之水天上来，奔流到海不复回。</p> | |
| <p>君不见，东海之水日东生，落花入海复几时。</p> | |
| </div> | |
| </body> | |
| </html> | |