代码拉取完成,页面将自动刷新
* {
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;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。