唱吧导歌(HTML唱吧导航栏)
body,h1,h2,h3,ul,li,img,p{padding: 0;margin: 0;list-style: none;border: 0;}
body{font-size: 14px;font-family: "宋体";color: #fff;}
.all{
width: 952px;
height: 175px;
margin: 50px auto;
padding: 0 14px;
background: #f6f3e9;
border: 1px solid #ccc;
}
.text{
height: 50px;
line-height: 50px;
color: #a84848;
}
.text h2
{
width: 175px;
padding-left: 32px;
font-size: 16px;
background: url(../img/iconh.png) no-repeat left center;
float: left;
}
.text a
{
display: inline-block;
width: 60px;
padding-left: 25px;
float: right;
font-weight: bold;
font-size: 14px;
}
.text a:link,.text a:visited
{
color: #a84848;
text-decoration: none;
background: url(../img/play1.png) no-repeat left center;
}
.text a:hover{color: #000000;
background: url(../img/play2.png) no-repeat left center;
}
.con li
{width: 148px;
height: 105px;
float: left;
padding: 20px 0 0 90px;
}
.radio
{background: #52a6b6 url(img/icon1.png) no-repeat 15px 15px;}
.radio:hover
{background: #313131 url(img/icon5.png) no-repeat 15px 15px;}
.song
{background: #52a6b6 url(img/icon2.png) no-repeat 15px 15px;}
.song:hover
{background: #313131 url(img/icon6.png) no-repeat 15px 15px;}
.album
{background: #52a6b6 url(img/icon3.png) no-repeat 15px 15px;}
.album:hover
{background: #313131 url(img/icon7.png) no-repeat 15px 15px;}
.mv
{background: #52a6b6 url(img/icon4.png) no-repeat 15px 15px;}
.mv:hover
{background: #313131 url(img/icon8.png) no-repeat 15px 15px;}
.radio h2,song h2,.album h2,.mv h2{font-size: 44px;}
.radio p,.song p,.album p,.mv p{line-height: 22px;}
.radio a:link,.radio a:visited,.song a:link,.song a:visited,.album a:link,.album a:visited,.mv a:link,.mv a:visited{
color: #fff;
text-decoration: none;
}
MUSIC--精选歌单
Song
音乐达人
Radio
音乐达人
Album
音乐达人
MV
音乐达人
</html>创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!