lovecoding
/
W260426


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .music-title{
            text-align: center;
            color: blue;
        }
        .music-singer{
            text-align: center;
        }
        .music-info{
            text-align: center;
        }
        .music-img{
            text-align: center;
        }
        img{
            width: 400px;
        }
        .music-text{
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- 起类名要做见名知意。如果多个单词 用短横线连接起来 -->
    <h1 class="music-title">《枫》</h1>
    <hr>
    <h2 class="music-singer">歌手：周杰伦</h2>
    <h3 class="music-info">作词人：弹头（宋健彰）</h3>
    <h3 class="music-info">作曲人：周杰伦</h3>
    <div class="music-img">
        <img src="./img/img1.jpg" alt="歌曲封面">
    </div>
    <h4 class="music-text">
        歌词
    </h4>
    <p class="music-text">
        乌云在我们心里搁下一块阴影
    </p>
    <p class="music-text">
        我聆听沉寂已久的心情
    </p>
    <p class="music-text">
        清晰透明 就像美丽的风景
    </p>
</body>
</html>