1 Star 0 Fork 1

tzj/音乐盒

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.css 2.42 KB
一键复制 编辑 原始数据 按行查看 历史
tzj 提交于 2021-11-20 12:20 . 123
* {
margin: 0;
padding: 0;
}
#Music {
width: 730px;
height: 470px;
margin: 150px auto;
box-shadow: 0px 0px 10px #000;
}
.Audio {
width: 360px;
height: 470px;
background-color: #99CCFF;
float: left;
}
.Txt {
width: 370px;
height: 470px;
float: right;
}
.title {
width: 360px;
height: 60px;
background: url("img/bg1.jpg");
font-size: 20px;
font-family: "微软雅黑";
color: #000;
text-align: center;
line-height: 60px;
}
.Music_But {
width: 360px;
height: 95px;
background: url("img/bg2.jpg");
padding-top: 25px;
}
.Audio .xxpic {
display: block;
/*可以消除间隙*/
}
.Music_But .but {
width: 150px;
height: 30px;
margin: 0 auto;
}
.Music_But .but span {
width: 27px;
height: 26px;
float: left;
display: block;
}
.Music_But .but .prev {
background: url("img/sm_icon.png")-49px 0px;
}
.Music_But .but .next {
background: url("img/sm_icon.png")-124px 0px;
}
.Music_But .but .play {
width: 16px;
background: url("img/sm_icon.png")-103px 0px;
display: block;
float: left;
margin: 0 30px;
}
.Txt .title1 {
width: 370px;
height: 60px;
background-color: #99CCFF;
color: rgb(124, 111, 111);
font-size: 20px;
text-align: center;
line-height: 60px;
font-family: "微软雅黑";
}
.Txt ul li {
width: 370px;
height: 41px;
list-style-type: none;
/*去掉圆点*/
background: url("img/bg4.png");
color: #fff;
font-size: 14px;
line-height: 41px;
font-family: "微软雅黑";
}
.Txt ul li a {
color: #7e868e;
text-decoration: none;
/*去掉文字的下划线*/
display: block;
background: url("img/play.png")no-repeat 10px 14px;
text-indent: 30px;
height: 40px;
}
.Txt ul li a:hover {
color: #fff;
}
.Txt ul .active a {
color: #fff;
border-bottom: 1px solid #FFFFCC;
background: url("img/pause.png")no-repeat 10px 14px;
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/tu-zhenjin/music-box.git
git@gitee.com:tu-zhenjin/music-box.git
tu-zhenjin
music-box
音乐盒
master

搜索帮助