HTML+CSS实现网易云网站_网易云CSS资源-CSDN文库

共76个文件

png：24个

css：21个

jpg：21个

html

需积分: 5 6 浏览量 2023-05-31 10:01:38 上传评论 2 收藏 1.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网易云.zip （76个子文件）

font

webfonts

fa-brands-400.ttf 177KB

fa-solid-900.ttf 381KB

fa-brands-400.woff2 103KB

fa-regular-400.woff2 23KB

fa-v4compatibility.ttf 10KB

fa-v4compatibility.woff2 5KB

fa-regular-400.ttf 59KB

fa-solid-900.woff2 151KB

css

v4-font-face.css 2KB

fontawesome.min.css 79KB

v4-font-face.min.css 2KB

brands.css 23KB

v4-shims.min.css 27KB

fontawesome.css 110KB

brands.min.css 18KB

v4-shims.css 41KB

v5-font-face.min.css 794B

solid.min.css 558B

solid.css 611B

all.css 136KB

v5-font-face.css 871B

regular.min.css 566B

regular.css 619B

all.min.css 99KB

svg-with-js.css 21KB

svg-with-js.min.css 16KB

product.html 8KB

css

product.css 6KB

common.css 2KB

index.css 15KB

index.html 29KB

images

goods2.jpg 15KB

haibao.jpg 136KB

singer3.jpg 9KB

arrow-u.png 1KB

topbar.png 3KB

arrow-d.png 1KB

singer4.jpg 11KB

2.jpg 8KB

banner.png 4KB

singer5.jpg 947B

download.png 18KB

coverall.png 77KB

goods4.jpg 48KB

iconall.png 14KB

bo3.jpg 875B

bo1.jpg 894B

bo4.jpg 882B

1.jpg 7KB

01.png 207KB

modules.png 20KB

singer2.jpg 1KB

sina.png 693B

white-r-icon@3x.png 356B

goods3.jpg 62KB

police.png 1KB

singer1.jpg 12KB

sprite.png 13KB

phonelog.png 191B

hot.png 1KB

cover.jpg 5KB

listen.png 2KB

foot_enter_new.png 25KB

logins.png 2KB

index.png 13KB

netease.png 723B

002.jpg 17KB

bo2.jpg 4KB

shopping.png 2KB

001.jpg 10KB

3.jpg 10KB

goods1.jpg 38KB

icon.png 15KB

bo5.jpg 599B

jifen.png 1KB

icon2.png 13KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网易云</title> <link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./font/css/all.min.css"> </head> <body> <div class="header">  <div class="nav "> <div class="w"> <a href="" class="logo"><label ></label></a> <ul> <li><a href="#">发现音乐</a></li> <li><a href="#">我的音乐</a></li> <li><a href="#">关注</a></li> <li><a href="./product.html">商城</a></li> <li><a href="#">音乐人</a></li> <li> <a href="#">下载客户端</a> <p class="hot"></p> </li> </ul>  <div class="search"> <label class="img"></label> <input type="text" class="login_name" placeholder="音乐/视频/电台/用户" \> </div>  <a href="" class="creater"> 创作者中心 </a> <a href="" class="login">登录</a> </div> </div>  <div class="nav_s"> <div class="w">  <div class="red"></div> <ul> <li><a href="#">推荐</a></li> <li><a href="#">排行榜</a></li> <li><a href="#">歌单</a><p class="r"></p></li> <li><a href="#">主播电台</a></li> <li><a href="#">歌手</a></li> <li><a href="#">新碟上架</a></li> </ul> </div> </div> </div> <div class="banner"> <div class="w">  <div class="left"></div> <div class="img"> <img src="./images/haibao.jpg" alt=""> <label class="download"></label>  <a href="#"><p class="download_btn"></p></a> </div>  <div class="right"></div>  <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> </div>  <div class="content"> <div class="w">  <div class="content_main">  <div class="content_hot">  <div class="content_nav">  <div class="content_navTitle"> <label class="navIcon"></label> <a href="#" class="navTitle">热门推荐</a> </div> <ul class="songType"> <li><a href="#">华语</a></li> <li><a href="#">流行</a></li> <li><a href="#">摇滚</a></li> <li><a href="#">民谣</a></li> <li><a href="#">电子</a></li> </ul>  <div class="content_navMore"> <a href="#">更多</a> <label></label> </div> </div>  <div class="hot_content"> <ul> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> <li> <div class="cover"> <a href="#">  <div class="coverTips"> <label class="earphone"></label> <span>1171万</span> <label class="play"></label> </div> </a> </div> <a href="#" id="coverText">想要办一场古风婚礼，许一世天地做嫁</a> </li> </ul> </div> </div>  <div class="content_list">

评论收藏

内容反馈