/*gongong*/
*{
margin:0;
padding:0;
font-family:"Microsoft YaHei";
color: #fff;
background: #0E0E0E;;
}
.clear{ clear: both;}
ul,li{list-style: none;}
a{text-decoration: none; }
.container{
/*text-align: center;*/
margin:0 auto;
width:80%;;
}
/*head*/
.head{
width: 100%;
height:80px;
background: #000;
border-top: 1px solid #fff;
margin-top: 30px;
}
.logo{
width:30%;
height:80px;
background: #000;
float: left;
background:url("http://climg.mukewang.com/58c0d2d900016ce303000100.png") no-repeat left;
}
.nav{
width:70%;
height: 80px;
background: #000;
float: right;
}
.nav ul{ width:100%;
float: right;}
.nav ul li{ float: right; line-height:80px; margin-right: 50px;
height:80px;}
.nav a:hover{ color: orange; font-size: 18px;}
/*content*/
.content{ width:100%; background: #ADD8E6; }
.left{ float: left; background: #ADD8E6; width:50%; height:300px; line-height: 2em;}
h1{font-size: 20px; background: #ADD8E6;color: #000;margin-bottom: 10px; }
.left span{ background: #CC3333; margin-right: 10px;}
.left .box{
background: red ;
position: relative;
top:10%;
left:10%;
width: 70%;
}
.right{
float: right;
background: #ADD8E6;
width:50%;
height:300px;
}
.right-list{ background: #ADD8E6;}
.right-list a{ background: #ADD8E6;
color: #000;padding-left: 20px;
line-height:40px;}
.right-list a:hover{color:orange;font-size: 14px;}
/*footer*/
.footer{
width:100%;
height:80px;
background: purple;
clear: both;
line-height:80px;
background: #000;
border-top: 1px solid white;
margin-top: 20px;
}
.footer .copyright{
width:100%;
margin:0 auto;
height:80px;
}
.footer a{
display: block;
margin-left: 20px;}
.footer ul li{
float: left;
}
- 2 回答
- 0 关注
- 1018 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消