练习2_歌曲.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. *{
  9. text-align: center;
  10. }
  11. .music-info h1{
  12. color: #007bff;
  13. }
  14. .music-info h2,.music-info h3{
  15. color: #666;
  16. }
  17. .music-img img{
  18. width: 400px;
  19. border:2px solid #007bff;
  20. }
  21. .music-text p{
  22. color: #666;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div class="container">
  28. <div class="music-info">
  29. <h1>《枫》</h1>
  30. <h2>歌手:周杰伦</h2>
  31. <h3>作词人:弹头(宋健彰)</h3>
  32. <h3>作曲人:周杰伦</h3>
  33. </div>
  34. <div class="music-img">
  35. <!-- <img src="https://i2.hdslb.com/bfs/archive/041b97a7e12aa6f37885540e53e3d963f88a9d2f.jpg" alt="图片"> -->
  36. <img src="./img/img1.jpg" alt="图片">
  37. </div>
  38. <div class="music-text">
  39. <h4>歌词:</h4>
  40. <p>
  41. 乌云在我们心里搁下一块阴影<br>
  42. 我聆听沉寂已久的心情<br>
  43. 清晰透明 就像美丽的风景<br>
  44. 总在回忆里才看得清<br>
  45. 被伤透的心能不能够继续爱我<br>
  46. 我用力牵起没温度的双手<br>
  47. 过往温柔 已经被时间上锁<br>
  48. 只剩挥散不去的难过<br>
  49. 缓缓飘落的枫叶像思念<br>
  50. 我点燃烛火温暖岁末的秋天<br>
  51. 极光掠夺天边<br>
  52. 北风掠过想你的容颜<br>
  53. 我把爱烧成了落叶<br>
  54. 却换不回熟悉的那张脸<br>
  55. 缓缓飘落的枫叶像思念<br>
  56. 为何挽回要赶在冬天来之前<br>
  57. 爱你穿越时间<br>
  58. 两行来自秋末的眼泪<br>
  59. 让爱渗透了地面<br>
  60. 我要的只是你在我身边<br>
  61. 被伤透的心能不能够继续爱我<br>
  62. 我用力牵起没温度的双手<br>
  63. 过往温柔 已经被时间上锁<br>
  64. 只剩挥散不去的难过<br>
  65. 在山腰间飘逸的红雨<br>
  66. 随着北风凋零 我轻轻摇曳风铃<br>
  67. 想唤醒被遗弃的爱情<br>
  68. 雪花已铺满了地<br>
  69. 深怕窗外枫叶已结成冰<br>
  70. 缓缓飘落的枫叶像思念<br>
  71. 我点燃烛火温暖岁末的秋天<br>
  72. 极光掠夺天边<br>
  73. 北风掠过想你的容颜<br>
  74. 我把爱烧成了落叶<br>
  75. 却换不回熟悉的那张脸<br>
  76. 缓缓飘落的枫叶像思念<br>
  77. 为何挽回要赶在冬天来之前<br>
  78. 爱你穿越时间<br>
  79. 两行来自秋末的眼泪<br>
  80. 让爱渗透了地面<br>
  81. 我要的只是你在我身边<br>
  82. </p>
  83. </div>
  84. </div>
  85. </body>
  86. </html>