最终效果初级代码第一步设置导航栏菜单1.设置导航菜单背景色、文字颜色和整个页面背景色2.设置导航里面的文字及样式第二步设置个人信息1.图片及样式2.添加上个人信息3.美化页面,设计样式第三步设置歌词1.设计歌词页面2.添加音频播放器并设计样式最终的代码!DOCTYPE htmlhtmlheadtitle音乐网站/titlemeta charsetutf-8 /style typetext/cssbody{margin:0px;background-color:#EDEDDE;}.menu{width:100%;background-color:#2C323B;color:white;}.menu ul{width:1000px;/*margin:0px auto;*/display:flex;justify-content:space-between;list-style-type:none;margin:0px auto;padding:0px;}.menu li{line-height:50px;}.user{width:1000px;margin:0px auto;background-color:white;display:flex;justify-content:space-between;}.photo{width:260px;height:260px;display:flex;justify-content:center;align-items:center;}.photo img{width:210px;height:210px;}.userMsg{width:700px;margin-right:20px;}.song{background-color:#EAF7F7;color:#A7A5A1;width:1000px;margin:0px auto;text-align:center;height:550px;overflow:scroll;}.song div{line-height:30px;}.au{width:1000px;margin:20px auto;}.au audio{width:100%;}/style/headbodydiv classmenuulli首页/lili歌单/lili歌手/lili分类/lili榜单/liliMV/lili演出/li/ul/divdiv classuserdiv classphotoimg srchttps://www.youyu001.com/res/htmlLX/7_musicPic.png/divdiv classuserMsgh2华晨宇/h2p地区 中国 生日 1990-02-07 (水瓶座)/pp中国新生代男歌手 2013年参加湖南卫视《快乐男声》获年度总冠军出道。2014年1月首登央视春晚舞台。9月6日-7日在北京万事达中心连开两场“火星”演唱会随后首张个人专辑《卡西莫多的礼物》发行。2015年7月31日-8月2日在上海大舞台连开三场个人演唱。12月发行第二张专辑《异类》。 2016年9月27日出席亚洲新歌榜2016年度盛典揽获最佳男歌手奖。12月2日获2016MAMA亚洲最佳艺人奖。2017年3月14日专辑《H》发行。9月8日-9日2018火星演唱会在鸟巢体育场连开两场。/p/div/divdiv classsongh3 烟火里的尘埃/h3div演唱华晨宇br看着飞舞的尘埃 掉下来br没人发现它存在br多自由自在br可世界都爱热热闹闹br容不下 我百无聊赖br不应该 一个人 发呆br只有我 守着安静的沙漠br等待着花开br只有我 看着别人的快乐br竟然会感慨br就让我 听着天大的道理br不愿意明白br有什么 是应该 不应该br我的心里住着一个 苍老的小孩br如果世界听不明白 对影子表白br是不是只有我 还在问br为什么 明天更精彩br烟火里 找不到 童真的残骸br只有我 守着安静的沙漠br等待着花开br只有我 看着别人的快乐br竟然会感慨br就让我 听着天大的道理br不愿意明白br只有我 就是我 好奇怪br还在感慨br风阵阵吹过来 为何不回来br风一去不回来 悲不悲哀br麻木得那么快 应不应该br能不能慢下来br笑得开怀 哭得坦率br为何表情 要让这世界安排br我就是我 我只是我br只是一场烟火散落的尘埃br风阵阵吹过来br风一去不回来br能不能慢下来/div/divdiv classauaudio controlscontrols srchttps://www.youyu001.com/res/htmlLX/7_music.mp3/audio/div/body/html